El 17 de abril de 2026, Anthropic lanzó Claude Design con Opus 4.7 y el mundo del diseño digital sintió un terremoto. Once días después, el 28 de abril, aparecía un repositorio en GitHub llamado nexu-io/open-design con una premisa audaz: recrear esa misma experiencia de diseño impulsada por IA, pero completamente abierta, local y sin lock-in. Diecisiete días después, ese repositorio acumula 41.278 estrellas, 4.714 forks y 10 contribuidores activos. No es un experimento. Es un movimiento.
En este artículo vas a entender qué es Open Design, por qué creció a esta velocidad, cómo se compara con Claude Design y qué significa para el futuro del diseño asistido por IA. ¿La tesis principal? El código abierto está ganando la carrera de las herramientas de diseño con IA, y Open Design es la prueba definitiva.
Open Design es una herramienta open source (Apache 2.0) que convierte 16 agentes de código —Claude Code, Codex, Cursor, Gemini CLI, entre otros— en un motor de diseño con 31 skills componibles y 129 design systems de nivel marca. Creada el 28 de abril de 2026, acumuló 41.278 estrellas en GitHub en 17 días y ya va por la versión 0.7.0. Funciona 100% en local, soporta BYOK en cada capa y se despliega en Vercel
Open Design (OD) es una plataforma agent-native de diseño que opera bajo un principio radical: no distribuye un agente propio. En lugar de crear otro modelo cerrado, conecta los coding agents que ya tienes instalados en tu máquina a un flujo de diseño guiado por skills. El resultado es un motor de diseño que corre localmente con pnpm tools-dev, se despliega en Vercel y mantiene Bring Your Own Key (BYOK) en cada capa —desde el agente hasta la generación de imágenes y video (nexu-io/open-design README, 2026).
¿Por qué importa? Porque el mercado de herramientas de diseño con IA alcanzó los 1.800 millones de dólares en 2024 y crece a un CAGR del 27,3% hasta 2030 según Grand View Research. Y ese mercado, hasta ahora, estaba dominado por herramientas propietarias: Figma, Canva, y ahora Claude Design. Open Design rompe esa dinámica ofreciendo lo mismo —o más— sin ataduras.
El proyecto se apoya en cuatro pilares open source que ya existían: huashu-design para la filosofía de diseño, guizang-ppt-skill para presentaciones magazine-style, open-codesign para el patrón de preview sandboxed, y multica para la arquitectura daemon-and-runtime. No empieza desde cero. Edifica sobre hombros abiertos.
La velocidad de adopción de Open Design —41.278 estrellas en 17 días— supera a proyectos como Next.js (tardó meses en alcanzar cifras similares) y se acerca al ritmo de crecimiento de Cursor, que alcanzó 100 millones de dólares ARR en menos de 12 meses. Esto sugiere que la comunidad de desarrolladores no solo quiere herramientas de diseño con IA, sino herramientas que sean suyas
¿Cómo funciona el motor de diseño agent-native?
La arquitectura de Open Design es lo que lo hace único. No es un modelo. No es un SaaS. Es un daemon local que detecta qué coding agents tienes en tu PATH y los convierte en el motor de diseño. El flujo funciona así:
Escribes un brief:
make me a magazine-style pitch deck for our seed roundAparece un formulario interactivo antes de que el modelo improvise un solo píxel
El agente elige una dirección visual entre 5 escuelas curadas (Editorial Monocle, Modern Minimal, Warm Soft, Tech Utility, Brutalist Experimental)
Se transmite un plan
TodoWriteen vivo en la UI con actualizaciones en tiempo realEl daemon crea archivos reales en disco con plantillas, bibliotecas de layouts y checklists de autoevaluación
El agente ejecuta una crítica de 5 dimensiones sobre su propia salida y emite un
<artifact>que se renderiza en un iframe sandboxed
Los 16 agentes soportados incluyen Claude Code, Codex CLI, Devin for Terminal, Cursor Agent, Gemini CLI, OpenCode, Qwen Code, Qoder CLI, GitHub Copilot CLI, Hermes, Kimi CLI, Pi, Kiro CLI, Kilo, Mistral Vibe CLI y DeepSeek TUI. Si no tienes ninguno, un proxy BYOK compatible con OpenAI ejecuta el mismo bucle sin spawn local.
Al probar Open Design con Claude Code como agente, el formulario de descubrimiento del primer turno —que fija superficie, audiencia, tono y contexto de marca— reduce drásticamente las iteraciones. Treinta segundos marcando radios ahorran treinta minutos de redirecciones. El plan `TodoWrite` en vivo es particularmente útil: puedes redirigir al agente a mitad del vuelo sin perder contexto.
Según GitHub, el 76% de los desarrolladores ya usan herramientas de IA para escribir código en 2024, y GitHub Copilot supera los 1,8 millones de suscriptores de pago (GitHub Developer Survey, 2024). Open Design toma esa adopción masiva de agentes de código y la redirige hacia el diseño. No estás aprendiendo una herramienta nueva. Estás usando la que ya tienes.
Cómo configurar Claude Code: los 3 archivos que separan un principiante de un experto
¿Qué puedes crear con las 31 skills de Open Design?
Open Design incluye 31 skills componibles, cada una como una carpeta bajo skills/ siguiendo la convención SKILL.md de Claude Code con un frontmatter extendido que el daemon parsea. Se agrupan en dos modos: prototype (27 skills) para cualquier cosa que renderice como artefacto single-page, y deck (4 skills) para presentaciones con swipe horizontal.
Las skills se organizan por scenario —el campo que usa el selector para agruparlas—: design, marketing, operation, engineering, product, finance, hr, sale y personal. Estas son las más destacadas:
Skill | Plataforma | Escenario | Qué produce |
|---|---|---|---|
| Desktop | Design | Landings, hero pages, marketing |
| Desktop | Marketing | Hero / features / pricing / CTA |
| Desktop | Operation | Admin con sidebar + datos densos |
| Mobile | Design | Pantallas en frame iPhone 15 Pro / Pixel |
| Desktop | Marketing | Carrusel 1080×1080 de 3 cards |
| Desktop | Deck | Magazine deck con WebGL hero |
| Desktop | Marketing | Motion design con CSS en loop |
| Mobile | Personal | App gamificada en 3 frames |
| Desktop | Design | Autocrítica de 5 dimensiones |
| Desktop | Marketing | Email HTML de lanzamiento |
Cada skill trae un example.html real que puedes abrir directamente desde el repositorio para ver exactamente lo que producirá el agente, sin necesidad de autenticación ni configuración.
La generación de medios va más allá del HTML. Open Design integra gpt-image-2 (Azure/OpenAI) para pósters, avatares e infografías; Seedance 2.0 (ByteDance) para video cinematográfico de 15 segundos; y HyperFrames para motion graphics HTML→MP4. En total, 93 prompts preconstruidos: 43 para imagen, 39 para video y 11 para motion graphics.
¿Cómo se compara con Claude Design de Anthropic?
Esta es la pregunta que todos se hacen. Claude Design fue revelador: mostró que un LLM puede dejar de escribir prosa y empezar a entregar artefactos de diseño reales. Pero tiene limitaciones estructurales:
Criterio | Claude Design | Open Design |
|---|---|---|
Código fuente | Cerrado | Apache 2.0 |
Modelo | Solo modelos Anthropic | 16 CLIs + BYOK proxy |
Ubicación | Cloud exclusivo | Local-first + Vercel |
Coste | Suscripción Anthropic | Gratuito (BYOK) |
Design systems | Los de Anthropic | 129 sistemas de marca |
Skills | Las de Anthropic | 31 componibles + extensibles |
Exportación | Limitada | HTML, PDF, PPTX, MP4, ZIP |
Importación | Sin import | Importa ZIPs de Claude Design |
Persistencia | Cloud | SQLite local |
Autocrítica | No | Crítica de 5 dimensiones |
Personalización | Mínima | Completamente hackeable |
Claude Design es un producto brillante, pero es closed-source, de pago, cloud-only y bloqueado al modelo y las skills de Anthropic. No hay checkout de código, no hay self-hosting, no hay despliegue en Vercel y no hay forma de sustituirlo por tu propio agente. Open Design replica el mismo bucle —el mismo modelo mental artifact-first— sin lock-in.
"Según datos del repositorio, Open Design pasó de 0 a 41.278 estrellas en GitHub en 17 días, con 4.714 forks y 10 contribuidores activos, superando la velocidad de adopción de proyectos emblemáticos como Next.js en su lanzamiento. El proyecto ya acumula 3 releases (0.5.0, 0.6.0, 0.7.0) en menos de tres semanas"
¿Qué son los 129 design systems incluidos?
Este es uno de los aspectos más impresionantes de Open Design: 129 design systems listos para usar, organizados en tres categorías. Dos starters escritos a mano, 70 sistemas de producto extraídos de awesome-design-md, y 57 design skills de awesome-design-skills.
Los sistemas de producto cubren marcas reconocidas: Linear, Stripe, Vercel, Airbnb, Tesla, Notion, Anthropic, Apple, Cursor, Supabase, Figma, Coinbase, BMW, Bugatti, Cisco, Binance, Canva y decenas más. Cada sistema muestra su firma de 4 colores, y al hacer clic puedes ver el DESIGN.md completo, la cuadrícula de muestras y un showcase en vivo.
¿Qué significa esto en la práctica? Que cuando le pides a Open Design que diseñe un dashboard para una fintech, no empieza desde cero. Carga el design system de Stripe o Coinbase. Para una landing de SaaS, usa Vercel o Linear. Para una app móvil de lifestyle, apela a Airbnb. El agente recibe tokens de diseño —colores, tipografía, espaciado— que ya están validados por marcas con millones de usuarios.
El 78% de los equipos de design systems en empresas reportan usar alguna forma de integración de IA en sus flujos de trabajo en 2025, frente al 34% en 2023 (Design Systems Community Survey, 2025). Open Design no solo se sube a esa tendencia: la acelera poniendo 129 sistemas listos para usar sin costo ni configuración.
¿Qué hay detrás del crecimiento exponencial?
El crecimiento de Open Design no es accidental. Convergen tres factores:
Primero, el contexto. Andrej Karpathy acuñó el término "vibe coding" en febrero de 2025 para describir la escritura de código principalmente a través de prompts en lenguaje natural. Más del 40% de los desarrolladores encuestados habían experimentado con este enfoque en los tres meses siguientes (Stack Overflow Blog, 2025). Open Design es vibe coding aplicado al diseño: describes lo que quieres en lenguaje natural y el agente lo produce.
Segundo, la frustración. Claude Design demostró que la IA puede diseñar. Pero al ser cerrado, de pago y limitado a un solo proveedor, dejó a la comunidad con las ganas. Cuando alguien creó una alternativa abierta que hace lo mismo —y en algunos aspectos más— la respuesta fue explosive.
Tercero, la arquitectura. Open Design no te obliga a usar un agente específico. Detecta los 16 CLIs que tienes instalados y usa el que prefieras. ¿Quieres usar Claude Code hoy y Gemini CLI mañana? Un clic. ¿Prefieres Cursor Agent para diseño web y Codex para presentaciones? Se puede. Esa flexibilidad es lo que el mercado de herramientas de IA valora: según Gartner, el 62% de las empresas han adoptado o están pilotando herramientas de generación de código con IA a finales de 2024.
¿Cómo empezar con Open Design en 3 comandos?
El quickstart de Open Design es deliberadamente simple. Así lo ponen en marcha:
# 1. Clona el repositorio
git clone https://github.com/nexu-io/open-design.git
cd open-design
# 2. Instala dependencias
pnpm install
# 3. Arranca daemon + web
pnpm tools-devEso es todo. El daemon detecta automáticamente qué coding agent tienes en tu PATH y lo configura como motor de diseño. Si usas Windows, el sistema maneja los fallbacks para ENAMETOOLONG mediante stdin y prompt-files en cada adapter.
La persistencia corre sobre SQLite en .od/app.sqlite: proyectos, conversaciones, mensajes, pestañas y plantillas guardadas. Cierras hoy, abres mañana, y todo está exactamente donde lo dejaste.
Para despliegue en Vercel, el proyecto incluye vercel.json listo. Para escritorio, hay un shell Electron opcional con renderer sandboxed e IPC sidecar. Y si vienes de Claude Design, puedes soltar un ZIP exportado en el diálogo de bienvenida: POST /api/import/claude-design lo parsea en un proyecto real para que tu agente siga editando donde Anthropic lo dejó.
Open Design ha publicado 3 releases en 17 días (v0.5.0 el 7 de mayo, v0.6.0 el 9 de mayo, v0.7.0 el 13 de mayo), con un ritmo de iteración que promete un release cada 2-3 días. El contribuidor principal, `cursoragent`, acumula 116 commits, seguido por `pftom` con 102. Este ritmo sugiere un proyecto que se mueve a velocidad de startup, no de maintainer hobbyista.
¿Qué viene después para Open Design?
Open Design está en versión 0.7.0, con 0.8.0-preview ya anunciada. El roadmap es ambicioso: el empaquetado Electron está en curso, las skills siguen creciendo, y la comunidad está activamente contribuyendo con traducciones —el README ya está disponible en 14 idiomas, incluyendo español, portugués, alemán, francés, chino, japonés, coreano, árabe, ruso, ucraniano y turco.
El mercado de herramientas de diseño está valorado en 9.400 millones de dólares en 2024 y se espera que alcance los 18.600 millones para 2030 según Fortune Business Insights. El software open source, por su parte, alcanzará los 50.000 millones de dólares para 2026 con un CAGR del 18% (Statista, 2025). Open Design se sitúa exactamente en la intersección de esos dos mercados en crecimiento.
¿Puede mantener este ritmo? ¿Se convertirá en el estándar de facto para el diseño con IA? Es pronto para decirlo. Pero 41.278 estrellas en 17 días no mienten: la comunidad habló, y lo que dijo es que quiere herramientas abiertas.
Preguntas frecuentes
¿Es Open Design gratuito?
Sí. Open Design está licenciado bajo Apache 2.0, lo que significa que puedes usarlo, modificarlo y distribuirlo libremente. El único coste es el de las APIs que elijas usar (Claude, OpenAI, Gemini, etc.) a través de BYOK. Con 129 design systems incluidos y 31 skills preconstruidas, el valor out-of-the-box es considerable (GitHub, 2026).
¿Necesito saber programar para usar Open Design?
No en el sentido tradicional. Open Design funciona con lenguaje natural: describes lo que quieres construir y el agente lo produce. Sin embargo, sí necesitas tener un coding agent CLI instalado (Claude Code, Cursor, Codex, etc.) y familiaridad básica con la terminal. La curva de entrada es más baja que la de Figma para un no-diseñador, pero no es cero.
¿En qué se diferencia de Figma o Canva?
Figma y Canva son herramientas de diseño visual donde tú manipulas elementos directamente. Open Design es agent-native: tú describes, el agente produce. No hay canvas arrastrar-y-soltar. La salida es código (HTML/CSS/JS) renderizado en un iframe sandboxed, exportable a PDF, PPTX o MP4. Es un paradigma diferente —más cercano a "vibe coding" que a diseño tradicional— pero orientado a prototipos rápidos y producción de artefactos visuales.
¿Puedo usar mi propio modelo de IA?
Sí. Open Design soporta BYOK en cada capa a través de un proxy compatible con OpenAI en /api/proxy/{anthropic,openai,azure,google}/stream. Pegas tu baseUrl, apiKey y model, eliges el proveedor, y el daemon normaliza la respuesta. Las direcciones IP internas y ataques SSRF están bloqueados en el borde del daemon por seguridad.
¿Open Design funciona en Windows?
Sí. El repositorio incluye manejo específico para los errores ENAMETOOLONG de Windows mediante stdin y prompt-files en cada adapter. El shell Electron opcional funciona en las tres plataformas principales (Windows, macOS, Linux).
Open Design representa un punto de inflexión en la convergencia entre IA y diseño. En 17 días pasó de un repositorio vacío a 41.278 estrellas, 4.714 forks y 3 releases, ofreciendo 31 skills, 129 design systems y soporte para 16 agentes de código. No es solo una alternativa a Claude Design. Es la prueba de que el modelo open source puede competir —y ganar— en la carrera de las herramientas de diseño con IA.
Los tres takeaways clave:
Local-first y BYOK: tus datos, tu agente, tu modelo. Sin vendor lock-in.
129 design systems de marca: desde Stripe hasta Apple, listos para usar sin costo.
Agent-native, no model-native: no creas un agente propio, usas los que ya tienes.
Si estás explorando herramientas de diseño con IA, Open Design merece una prueba. Clona el repo, ejecuta pnpm tools-dev y descubre qué puede hacer tu agente de código favorito cuando se convierte en un motor de diseño.