Design

Mejores herramientas de IA para diseño (2026)

Herramientas de diseño, prompts y workflows potenciados por IA para UI/UX, diseño visual y proyectos creativos. Genera interfaces, optimiza layouts y crea assets más rápido.

30 herramientas
Claude Official Skill: frontend-design logo

Claude Official Skill: frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or appli...

Anthropic 430Skills
Penpot — Open Source Design & Prototyping Platform logo

Penpot — Open Source Design & Prototyping Platform

Penpot is an open-source Figma alternative for UI/UX design and prototyping. Web-based, real-time collaboration, SVG-native, and fully self-hostable.

AI Open Source 266Skills
React-Admin — Frontend Framework for Admin Apps on REST/GraphQL logo

React-Admin — Frontend Framework for Admin Apps on REST/GraphQL

A full-featured frontend framework for building single-page admin applications on top of REST or GraphQL APIs, using TypeScript, React, and Material Design.

Script Depot 202Skills
Wagtail — The Flexible Django Content Management System logo

Wagtail — The Flexible Django Content Management System

Wagtail is an open-source CMS built on Django that gives developers full control over frontend design while providing editors with an intuitive page-editing interface.

Script Depot 199Skills
Claude Code Agent: Se UX UI Designer logo

Claude Code Agent: Se UX UI Designer

Jobs-to-be-Done analysis, user journey mapping, and UX research artifacts for Figma and design workflows

TokRepo精选 97Skills
Claude Code Agent: UI UX Designer logo

Claude Code Agent: UI UX Designer

Use proactively when reviewing UI/UX design, evaluating visual interfaces, auditing web components for usability issues, checking accessibility compliance, or critiquing design...

TokRepo精选 93Skills
Google Stitch MCP — AI Design via Model Context Protocol logo

Google Stitch MCP — AI Design via Model Context Protocol

Connect Claude Code, Cursor, Gemini CLI, or VS Code to Google Stitch for AI-driven UI design. Create projects, generate screens from text, edit designs, manage design systems — all via MCP.

Google · Gemini Team 581MCP Configs
Gemini CLI Extension: Stitch — AI Design Tool logo

Gemini CLI Extension: Stitch — AI Design Tool

Gemini CLI extension for Google Stitch. AI-driven UI design, component generation, and design system management.

Google · Gemini Team 378Skills
btop — Beautiful Resource Monitor for Linux, macOS, Windows logo

btop — Beautiful Resource Monitor for Linux, macOS, Windows

btop is a resource monitor that shows usage and stats for CPU, memory, disks, network, and processes. Beautiful TUI with mouse support, gradients, themes, and low memory footprint. The modern successor to htop and bashtop.

Script Depot 313Skills
Tavily — Search API Built for AI Agents & RAG logo

Tavily — Search API Built for AI Agents & RAG

Search API designed specifically for AI agents and RAG pipelines. Returns clean, LLM-ready results with content extraction, no HTML parsing needed. Official MCP server available. 5,000+ stars.

Tavily 291MCP Configs
Nuxt + Go-Zero Quality Audit Skill — 30 Checks from 250 Real Bugs logo

Nuxt + Go-Zero Quality Audit Skill — 30 Checks from 250 Real Bugs

Production-tested quality check skill for Nuxt SSR + Go-Zero + MySQL projects. 30 automated checks across 7 dimensions (security, race conditions, transactions, frontend SSR, dependencies, API contracts, ops) — distilled from 10 rounds of Codex audit that found ~250 real issues in a live SaaS product.

henuwangkai 282代码Skills
ComfyUI — Node-Based AI Image Generation logo

ComfyUI — Node-Based AI Image Generation

The most powerful modular AI image generation GUI with a node/graph editor. Supports Stable Diffusion, Flux, SDXL, ControlNet, and 1000+ custom nodes. 107K+ stars.

AI Open Source 278Skills
Ant Design — Enterprise-Class React UI Library logo

Ant Design — Enterprise-Class React UI Library

Ant Design is an enterprise-class UI design language and React component library created by Alibaba. 60+ production-ready components with comprehensive patterns, internationalization for 30+ languages, and a rich theme system. The go-to choice for admin dashboards.

AI Open Source 259Skills
Homebrew — The Missing Package Manager for macOS and Linux logo

Homebrew — The Missing Package Manager for macOS and Linux

Homebrew is the missing package manager for macOS (and Linux). Installs CLI tools, libraries, and GUI apps (casks) that Apple or your Linux distro did not include. The de facto way developers set up their Mac development environment.

AI Open Source 245Skills
Talos Linux — Immutable, API-Managed OS for Kubernetes logo

Talos Linux — Immutable, API-Managed OS for Kubernetes

A minimal, immutable, SSH-less Linux distribution where every node is configured entirely over a gRPC API — designed only to run Kubernetes.

Script Depot 236Skills
Vuetify — Material Design Component Framework for Vue logo

Vuetify — Material Design Component Framework for Vue

Vuetify is the most popular Material Design component framework for Vue 3. 80+ beautifully crafted components following Material Design 3 guidelines with SSR support, theming, treeshaking, and accessibility baked in.

Script Depot 234Skills
AI Agent Design Patterns — Architecture Guide 2026 logo

AI Agent Design Patterns — Architecture Guide 2026

Catalog of proven design patterns for building AI agents: ReAct, Plan-and-Execute, Reflection, Tool Use, Multi-Agent, Human-in-the-Loop, and more. With architecture diagrams and code examples.

Prompt Lab 234Prompts
1Panel — Self-Hosted Linux Server Management Panel logo

1Panel — Self-Hosted Linux Server Management Panel

A modern open-source Linux server management panel with a clean web UI for Docker, websites, databases, and system operations.

Script Depot 227Skills
Framework7 — Full-Featured Mobile UI Framework for iOS and Android logo

Framework7 — Full-Featured Mobile UI Framework for iOS and Android

A free, open-source HTML framework for building native-looking mobile apps with web technologies, supporting iOS and Material Design themes.

Script Depot 226Skills
Carbon Design System — Enterprise Design System by IBM logo

Carbon Design System — Enterprise Design System by IBM

IBM's open-source design system providing production-ready React components, design guidelines, and tooling for building consistent enterprise applications.

Script Depot 207Skills
Ant Design Vue — Enterprise-Grade Vue 3 Component Library logo

Ant Design Vue — Enterprise-Grade Vue 3 Component Library

Ant Design Vue brings the Ant Design system to Vue.js with 60+ accessible components, TypeScript support, and comprehensive theming for building enterprise web applications.

Script Depot 205Skills
Termux — Linux Environment and Terminal Emulator for Android logo

Termux — Linux Environment and Terminal Emulator for Android

Termux turns any Android device into a portable Linux workstation with a real package manager, shell access, and development toolchain—no root required.

Script Depot 205Skills
Nuxt — The Full-Stack Vue Framework logo

Nuxt — The Full-Stack Vue Framework

Nuxt is the intuitive full-stack framework built on Vue.js. It provides server-side rendering, auto-imports, file-based routing, data fetching, and a powerful module ecosystem — making Vue applications production-ready with minimal configuration.

Script Depot 204Skills
Magic UI — Animated React Components for Design Engineers logo

Magic UI — Animated React Components for Design Engineers

Magic UI is a free open-source collection of animated React components built with Tailwind CSS, Framer Motion, and shadcn/ui conventions that you copy and paste into your projects.

AI Open Source 198Skills
Semi Design — Modern Design System and React UI Library by ByteDance logo

Semi Design — Modern Design System and React UI Library by ByteDance

A comprehensive design system and React component library created by ByteDance (Douyin/TikTok), offering 80+ components with built-in theming, accessibility, and internationalization.

Script Depot 197Skills
Ant Design Mobile — Essential UI Blocks for Mobile Web Apps logo

Ant Design Mobile — Essential UI Blocks for Mobile Web Apps

A mobile-first React component library from the Ant Design ecosystem, providing high-quality UI components optimized for touch interaction and mobile performance.

AI Open Source 196Skills
Skeleton — Adaptive Design System Powered by Tailwind CSS logo

Skeleton — Adaptive Design System Powered by Tailwind CSS

An open-source UI toolkit that combines Tailwind CSS with framework-specific components for Svelte, React, and Next.js with built-in theming.

AI Open Source 196Skills
React Native Paper — Material Design Components for React Native logo

React Native Paper — Material Design Components for React Native

A cross-platform UI component library implementing Material Design guidelines for React Native apps, maintained by Callstack with first-class TypeScript support.

AI Open Source 194Skills
Claude Official Skill: web-artifacts-builder logo

Claude Official Skill: web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifact...

Anthropic 192Skills
Arco Design — Comprehensive React UI Library by ByteDance logo

Arco Design — Comprehensive React UI Library by ByteDance

Arco Design is a React component library developed by ByteDance featuring 60+ components, a design token system, and built-in dark mode for building modern enterprise applications.

AI Open Source 189Skills

La IA en los workflows de diseño

AI in Design Workflows

AI has transformed every stage of the design process. Research & Ideation — AI tools analyze competitor designs, generate mood boards, and suggest design directions based on brand guidelines. UI/UX Design — Generate wireframes, component layouts, and full-page designs from text descriptions. Tools like Stitch and Figma AI produce production-ready designs in minutes.

Visual Asset Creation — Generate illustrations, icons, background patterns, and photography with AI. The latest tools maintain brand consistency across all generated assets. Design-to-Code — Convert designs directly into React, Vue, or HTML/CSS code. AI bridges the gap between design and development, reducing handoff friction.

TokRepo curates agent skills and prompts that integrate AI design capabilities into your existing workflow — whether you use Figma, Sketch, or code-first approaches.

Design is no longer about pixel-pushing — it's about directing AI to express your creative vision.

Preguntas frecuentes

¿Puede la IA generar diseños de UI listos para producción?+

Sí, con matices. Herramientas como Stitch, Figma AI y v0 by Vercel pueden generar diseños de UI funcionales a partir de prompts de texto. Funcionan mejor como punto de partida — los diseñadores profesionales refinan el resultado para coherencia de marca, accesibilidad y casos límite. La IA gestiona el layout y la estructura; las personas garantizan la calidad.

¿Qué herramientas de IA usan los diseñadores UX en 2026?+

Los diseñadores UX suelen usar Figma con plugins de IA para prototipado rápido, Maze para pruebas de usabilidad potenciadas por IA, y Claude o ChatGPT para síntesis de investigación de usuarios. Los Agent Skills en TokRepo añaden capacidades especializadas como auditorías de accesibilidad, generación de design systems y documentación de componentes.

¿Cómo funciona la conversión de diseño a código?+

Las herramientas de design-to-code analizan layouts visuales (archivos de Figma, capturas o diseños generados por IA) y producen código limpio y responsive. Las mejores herramientas generan código específico de un framework (React, Vue, Tailwind) en lugar de HTML genérico. La calidad varía — revisa y refactoriza siempre el código generado antes de usarlo en producción.

Explora categorías relacionadas