Open Design: La alternativa Claude Design que realmente uso
Casi no probé Open Design.
Era sábado por la mañana, mi Codex CLI estaba abierto en una pestaña, Claude Code estaba ejecutando un agente en otra y lo último que quería era una cuarta herramienta de diseño para cuidar a los niños. Anthropic había enviado Claude Design el 17 de abril de 2026. Jugué con él durante aproximadamente una hora la semana en que cayó, lo vi generar una plataforma de presentación limpia de tres diapositivas y luego cerré la pestaña porque los límites de velocidad en mi plan Pro seguían deteniéndose a mitad del mensaje. Producto genial. Jardín amurallado. Siga adelante.
Luego, un amigo colocó un enlace GitHub en nuestro grupo de Signal y escribió cuatro palabras: "Este es el indicado". Nombre del repositorio: nexu-io/open-design. Lema: "Alternativa local de código abierto a Claude Design de Anthropic". 18,2K estrellas, cinco días de antigüedad. Lo cloné, ejecuté pnpm install, abrí localhost y en veinte minutos tenía una página de inicio de boletín de escritorio en la pantalla, generada por Codex CLI, impulsada a través del sistema de habilidades de Open Design, exportada a un paquete HTML estático limpio que podía entregar a un desarrollador.
Fue entonces cuando cerré la pestaña Claude Design para siempre.
Esto no es una eliminación del producto de Anthropic. Claude Design es una herramienta bellamente construida dentro de las aplicaciones Claude, y para un diseñador que vive completamente dentro de Claude.ai podría ser exactamente suficiente. Pero es pago, solo en la nube, de un solo modelo y de velocidad limitada, y en el momento en que desea apuntar su propio agente de codificación al lienzo, conectar su propia clave API o ejecutarlo sin conexión en un vuelo, la pared choca. Open Design derriba ese muro. Tiene la misma forma: panel izquierdo para prototipos, presentaciones de diapositivas, generación de medios, selector de sistema de diseño, light/dark, todo el ambiente, excepto que es gratis, se ejecuta localmente en su computadora portátil y detecta automáticamente cualquier CLI de agente de codificación que ya tenga instalado.
Llevo diez días usándolo. Esta es la versión honesta de lo que funciona, lo que no y quién debería cambiar.
Qué es realmente Claude Design y por qué tanta gente choca contra sus paredes
Antes de entrar en Open Design, esto es lo que la mayoría de las publicaciones omiten: explicar qué es Claude Design de una manera que tenga sentido si no lo has probado.
Claude Design es el producto de diseño AI propio de Anthropic Labs. Se lanzó en vista previa de investigación el 17 de abril de 2026, impulsado por Claude Opus 4.7, y le permite convencer a Claude para que produzca prototipos, diapositivas, páginas individuales y artefactos visuales breves, todo desde dentro de la interfaz normal de Claude. Describes una página de destino. Genera un prototipo funcional. Le dice que haga una presentación de cinco diapositivas para un lanzamiento de SaaS. Produce algo lo suficientemente pulido como para presentarlo a los inversores. Le pide que aplique el sistema de diseño de su empresa y puede extraer de su código base o archivos de diseño para mantener el resultado dentro de la marca.
El resultado es realmente bueno. Lo he visto producir secciones destacadas que a un diseñador independiente le habría llevado medio día. Para quienes no son diseñadores (fundadores, directores de proyectos, especialistas en marketing) es un salto. Anthropic lo lanzó explícitamente a "personas que no están comenzando con una herramienta de diseño y necesitan pasar de una idea a algo visual rápidamente", y ese encuadre es correcto.
Pero aquí es donde mi amigo del sábado por la mañana también tenía razón. Claude Design tiene cuatro límites estrictos que empezaron a costarme tiempo real:
- Está cerrado detrás de Pro, Max, Team o Enterprise. Eso es un mínimo de $20/month solo para acceder a la vista previa de la investigación, y de $100-$200/month para usarlo sin ahogarse con los límites de tarifas. Bien si ya estás pagando. Es incómodo si estás tratando de darle acceso a un diseñador junior sin comprarle un asiento. 2. Ejecuta Opus 4.7. Solo Opus 4.7. Sin GPT, sin Gemini, sin Kimi, sin modelos locales. Cualquier cosa en la que Claude sea bueno, lo entiendes. Lo que no sea, lo comes. 3. Es solo en la nube. Sin modo fuera de línea. No hay acceso a archivos locales sin pasar por las integraciones oficiales de MCP. No puedes apuntar a una carpeta de tu Mac y decir "mira primero estos recursos de marca".
Tu trabajo reside en la infraestructura de Anthropic. Las exportaciones salen limpias (PDF, PPTX, URL o envío a Canva), pero el documento de trabajo es suyo. Si su cuenta tiene un flujo medio con tasa limitada, espere.
No soy antiantrópico. Escribo sobre Claude Code constantemente. Pero la carrera de superagentes que cubrí el mes pasado dejó una cosa obvia: en 2026, limitarse a un modelo para cualquier herramienta creativa es un error. La frontera cambia cada seis semanas. Cualquiera que sea el mejor proveedor en abril, rara vez lo es en junio.
Esa es la brecha hacia la que entra directamente Open Design.
Qué es Open Design y por qué "lo local primero" es el objetivo
Open Design es un proyecto con licencia Apache-2.0 de Tom Huang y el equipo de nexu.io. El repositorio GitHub alcanzó 18.000 estrellas en sus primeros cinco días, que es el tipo de trayectoria que solo se ve cuando un proyecto logra el momento oportuno. Se lanzó mientras Claude Design todavía estaba en la vista previa de la investigación, y mientras todos los desarrolladores que conozco ya estaban gritando sobre los límites de velocidad.
El tono es claro: la misma superficie que Claude Design, pero primero localmente, BYOK en cada capa y controlado por cualquier CLI de agente de codificación en el que ya confíe.
Esto es lo que eso realmente significa en el README, versión verificada con el repositorio en vivo:
- 19 habilidades componibles. No 31, a pesar de lo que afirman algunos artículos iniciales; el recuento actual es 19. Estos son los movimientos de diseño que el sistema puede encadenar: generar, iterar, cambiar el estilo, dividir, exportar, etc. - 71 sistemas de diseño de marca. Elija uno antes de solicitarlo y el resultado completo heredará sus tokens, escala de tipos y convenciones de componentes. Apple-clean, Stripe-clean, brutalista, editorial: la difusión es más amplia que cualquier herramienta propia que haya usado. - Hasta 15 CLI de agentes de codificación detectados automáticamente. Al iniciar, el demonio escanea su
PATHen busca declaude,codex,devin,cursor-agent,gemini,opencode,qwen,copilot,hermes,kimi,pi,kiro-cli,kilo,vibe-acpydeepseek.
Los que encuentre se convertirán en "motores de diseño" candidatos que podrá intercambiar desde un selector de modelos. - Modo BYOK API si no tiene CLI instalados. Conecte una clave OpenAI, Anthropic o compatible directamente. - Vista previa en espacio aislado, exportación HTML/PDF/PPTX/MP4, persistencia SQLite y un demonio de acceso a archivos de agente a agente: el demonio lee y escribe archivos, ejecuta comandos y entrega archivos de diseño a cualquier agente que esté utilizando. - Proveedores de medios para voz, TTS y generación de imágenes, configurables por proyecto. - Prototipos web, escritorio, dispositivos móviles, diapositivas, imágenes, videos e HyperFrames: la superficie de salida completa refleja Claude Design y va más allá en video e HyperFrames.
Lo que más impacta la primera vez que lo abres: el UI refleja el Claude Design casi latido por latido. Panel izquierdo con creación de prototipos, presentaciones de diapositivas, generación de medios y plantillas. Un control deslizante de esfuerzo de razonamiento. Alternar Light/dark. Selector de sistema de diseño justo en la parte superior. Incluso hay compañeros visuales como "mascotas" para la navegación en el espacio de trabajo: un pequeño detalle que indica que el equipo estudió detenidamente la experiencia Claude Design y luego preguntó: "¿Qué pasaría si mantuviéramos la calidez y nos deshiciésemos de la pared?"
Esa es toda la apuesta. Misma vibra. Modelo de propiedad diferente.
Quiero mostrarles cómo se ve eso en la práctica, pero primero, la instalación, porque aquí es donde mueren la mayoría de los proyectos "alternativos de código abierto".
Instalación de Open Design sin prender fuego a su computadora portátil
Esta es la parte en la que casi me rindo el sábado.
No porque Open Design sea difícil de instalar (en realidad es una de las configuraciones de pnpm más limpias que he enviado este año), sino porque el archivo README supone que lo lees con atención. No lo hice. Primero probé pnpm dev (un alias heredado eliminado), obtuve un error confuso y casi cerré el repositorio. No hagas eso. Lea el QUICKSTART.md. Es corto. Funciona.
Aquí está la secuencia que me permitió ejecutar macOS Sonoma en aproximadamente 18 minutos, incluido el paso de configuración de la CLI del agente.
Paso 1: instale Node 24 en su máquina.
Open Design necesita el Nodo 24+. Si estás en nvm, ese es nvm install 24 && nvm use 24. Si estás en fnm, el equivalente. Si todavía estás en el Nodo 18 porque algún otro proyecto te fijó allí, simplemente amplícalo para este proyecto; no necesitas bombardear tu Nodo global.
Paso 2: habilite Corepack para que pnpm coincida con el pin del repositorio.
corepack enable
El repositorio fija [email protected] a través del campo packageManager. Corepack lee eso y usa la versión correcta automáticamente. Esto es lo que lo salva de la deriva de instalación de "funciona en mi máquina" que persiguió a las herramientas JS durante una década.
Paso 3: clonar e instalar.
git clone https://github.com/nexu-io/open-design.git
cd open-design
pnpm install
La instalación eliminó una gran cantidad de dependencias (el proyecto incluye un demonio, una capa web, un shell de escritorio y el tiempo de ejecución de habilidades), pero finalizó sin una sola advertencia amarilla en mi máquina, que es más de lo que puedo decir de la mitad de los repositorios AI que toco.
Paso 4: Ejecute el servidor de desarrollo.
Este es el comando que realmente inicia la cosa:
pnpm tools-dev run web
Eso inicia el demonio más la capa web en primer plano. Verá el arranque del demonio, escaneará su PATH en busca de CLI del agente de codificación e informará cuáles encontró. En mi máquina recogió claude, codex, gemini, cursor-agent y opencode automáticamente, que era exactamente lo que quería.
Si desea la pila completa (daemon + web + escritorio), ejecute pnpm tools-dev sin argumentos, pero el destino web es el correcto para el primer tutorial. macOS, Linux y WSL2 son las principales rutas admitidas. El nativo de Windows debería funcionar para la mayoría de los flujos, pero los mantenedores recomiendan WSL2 como la base más segura.
Paso 5: abra localhost y habilite el paquete principal.
La terminal imprimirá una URL de host local; para mí era http://localhost:5173. Ábrelo. Lo primero que solicita la aplicación es habilitar el paquete principal (el paquete de habilidades + sistemas de diseño). Confirmar. En Win/macOS esto lleva unos treinta segundos.
Paso 6: Configure sus agentes y proveedores en el demonio UI.
Dentro de la aplicación, hay un panel Configuración → Tiempos de ejecución. Aquí es donde vive la magia. Verá todos los agentes CLI que detectó el demonio, clasificados según cuál es el más saludable. Puedes:
- Elija qué CLI se ejecuta como su "motor de diseño" predeterminado.
- Introduzca una clave BYOK API para cualquier proveedor que no esté representado como una CLI.
- Conecte los proveedores de medios (TTS, voz, generación de imágenes) por separado. Conecté una clave de ElevenLabs para la narración y una clave OpenAI para la generación de imágenes. Ambos funcionaron en el primer intento.
Si no se detecta ninguna de sus CLI locales (digamos que está en una Mac nueva), el modo BYOK toma el relevo. Nunca estás estancado.
Todo el flujo es el tipo de cosas que hubiera esperado que tomara un fin de semana. Tomó menos tiempo que instalar la última actualización de Adobe Creative Cloud.
La prueba de cinco minutos que me hizo cambiar
Aquí está el proyecto que me convenció.
Necesitaba una maqueta de página de destino para un boletín que lanzaré en junio: alta fidelidad, primero para escritorio, elegante y lista para entregársela a un desarrollador. Normalmente abriría Figma, dibujaría esquemas alámbricos y luego lo encargaría o lo construiría yo mismo en Tailwind. En lugar de eso, abrí Open Design y lo ejecuté a través del flujo estándar de nuevos proyectos.
Tipo de proyecto: Nuevo diseño. Factor de forma: Escritorio/web. Fidelidad: Alta (no estructura alámbrica). Motor: Codex CLI. Sistema de diseño: Editorial — el más cercano a mi marca actual. Esfuerzo de razonamiento: Medio.
Luego le di un mensaje real, no un mensaje de demostración limpio, del tipo que yo realmente escribiría:
"Página de inicio del boletín informativo para un boletín de ingeniería AI llamado Signal. La audiencia son desarrolladores senior y líderes tecnológicos. Héroe con un eslogan fuerte y obstinado, tres propuestas breves de valor, vistas previas de números recientes como tarjetas, una captura de correo electrónico limpia y un pie de página con redes sociales. Elegante, editorial, sin emojis, sin degradados. Solo modo claro".
Codex lo tomó, hizo dos preguntas aclaratorias a través del sistema de habilidades: "¿Cuál es el ángulo del artículo para la última tarjeta de emisión?" y "¿Quieres la captura del correo electrónico encima o debajo de las tarjetas de emisión?" y se puso a trabajar. El control deslizante de razonamiento era visible en tiempo real. Aproximadamente 90 segundos después, el panel derecho mostró un prototipo estático funcional. Tipografía real. Espaciamiento real. El eslogan del héroe impactó. La cuadrícula de tarjetas tenía el ritmo de 12 columnas que yo mismo habría elegido.
Comenté en línea sobre tres cosas: ajustar el eslogan en cuatro palabras, cambiar el estado de desplazamiento de la tarjeta a un borde sutil en lugar de una sombra y aumentar el relleno del pie de página. Codex regeneró las secciones afectadas, no toda la página. Solo por eso vale la pena instalarlo. Claude Design se regenera de manera más agresiva, lo cual está bien hasta que tengas tres iteraciones y no quieras perder tus ajustes manuales.
La exportación final me proporcionó un paquete HTML más una vista previa en PDF y una captura de pantalla que pude incluir en un resumen Notion. Tiempo total desde pnpm tools-dev run web hasta "Puedo entregar esto": aproximadamente seis minutos.
Ese es el momento en que mi pestaña Claude Design se cerró definitivamente.
Donde Open Design va más allá de Claude Design
Después de diez días, cuatro de los diferenciadores dejaron de parecer marketing y empezaron a resultar pesados.
El multimodelo no es una característica. Es libertad.
Dejé de pensar en "qué modelo" como una configuración y comencé a pensar en ello como una elección por tarea. Codex me brindó el resultado de página de destino más limpio. Claude Code, cuando cambié el motor, escribió una mejor copia en formato largo dentro de las presentaciones de diapositivas. Gemini fue el más rápido en pases de ideación cuando solo quería elegir entre seis variaciones de diseño. Open Design me permite hacer coincidir el modelo con el trabajo. Claude Design no puede hacer eso, por definición.
Si ya leyó mi artículo sobre el flujo de trabajo de dos agentes Codex-Claude Code, el modelo mental es el mismo: diferentes agentes, diferentes fortalezas, dirigen el trabajo. Open Design simplemente trae ese patrón exacto a la superficie de diseño.
El demonio de acceso a archivos de agente a agente es el héroe silencioso.
El demonio se ejecuta debajo de UI. Lee y escribe archivos, ejecuta comandos y, lo que importa, sirve archivos de diseño a otros agentes en su máquina. Entonces, cuando terminé la maqueta del boletín, cambié a Claude Code, le pedí que generara la versión React + Tailwind de la página y apunté a los archivos de diseño que Open Design acababa de escribir. Claude Code los lee como cualquier otro archivo fuente. Sin copiar y pegar. No se solicita captura de pantalla. El traspaso fue literalmente un camino.
Este es el tipo de arquitectura que me tomó tres meses construir mis propios equipos de agentes para apreciar. Las herramientas que no se comunican entre sí son el cuello de botella de los flujos de trabajo de 2026 AI. Open Design simplemente habla con cualquier otra cosa que esté en su computadora portátil.
71 sistemas de diseño es más de lo que esperaba usar y, sin embargo, sigo necesitándolos.
Supuse que el selector del sistema de diseño era una característica de casilla de verificación. Elija "Apple-clean", continúe. Equivocado. Los sistemas abarcan editorial, brutalista, vidrioso, neumórfico, arcilmórfico, retroimpresión, documentación técnica, comercio electrónico y más. Cambiar el sistema antes de la generación cambia el resultado completo: tipografía, espaciado, formas de los componentes, razonamiento del color. Ahora lo veo de la misma manera que pienso en un flujo de trabajo del sistema de diseño en Figma: es la base, no una piel.
La exportación es real, no cerrada.
HTML, PDF, PPTX, ZIP, MP4. Las exportaciones son archivos locales en su máquina. Sin ida y vuelta en la nube. Si alguna vez perdió un artefacto Claude porque se agotó el tiempo de espera de una sesión, sabrá por qué esto es importante.
Donde se queda corto: porque ninguna herramienta es mágica
Open Design es bueno. No es perfecto. Tres lagunas honestas después de diez días:
Las herramientas de dibujo aún no están disponibles. La hoja de ruta dice que estarán disponibles. En este momento, si quieres dibujar (dibujar una forma libre, dibujar una curva, mover manualmente un nodo), estás atascado comentando y volviendo a solicitar. Claude Design tiene el mismo límite. Figma todavía gana con la manipulación directa.
La configuración es más sencilla que la mayoría de los proyectos de código abierto, pero sigue siendo solo para desarrolladores. Si no eres un fundador técnico y quieres "simplemente abrir la aplicación", esto aún no es para ti. La versión de escritorio solucionará eso. Hasta entonces, necesitas un terminal y comodidad básica con pnpm.
El sistema de habilidades es poderoso pero no está documentado para nuevos usuarios. Las 19 habilidades se componen en largas cadenas y el sistema es lo suficientemente inteligente como para elegir valores predeterminados razonables. Pero en el momento en que deseas escribir una habilidad personalizada, los documentos aún son escasos. El equipo realiza envíos rápidos, por lo que esto podría estar resuelto cuando leas esto.
Algunas cadenas de habilidades toman tiempo real con un alto nivel de razonamiento. Un prototipo de escritorio complejo con un alto esfuerzo de razonamiento no es un trabajo de 90 segundos: puede durar de dos a tres minutos. Esto sigue siendo más rápido que la mayoría de los bucles de diseño humano, pero si estás acostumbrado a la salida instantánea del chat, recalibra las expectativas.
Los estoy marcando porque no confío en las críticas entusiastas de ninguna herramienta y me gustaría que alguien me las marcara. Ninguno de ellos es un factor decisivo. Todos ellos se pueden solucionar con el tiempo de ingeniería que claramente tiene el proyecto.
¿Quién debería cambiar y quién no?
Después de diez días tengo un modelo mental limpio de para quién es Open Design.
Cambiar si:
- Es un desarrollador u operador técnico que ya ejecuta CLI como Codex, Claude Code o Gemini.
- Te preocupas por ser dueño de tu trabajo localmente: tus archivos, tus claves, tu máquina.
- Quiere utilizar el modelo correcto para la tarea correcta en lugar de estar limitado a un solo proveedor.
- Estás construyendo trabajo para clientes y necesitas exportaciones que no dependan de que una cuenta de terceros se mantenga viva.
- Has estado alcanzando los límites de tarifas de Claude Design.
No cambies (todavía) si:
- Vives completamente dentro de la aplicación web Claude.ai y no tienes otras herramientas AI instaladas.
- Eres un usuario no técnico que necesita un instalador pulido y cero contacto terminal.
- Necesita herramientas de dibujo de manipulación directa hoy, no en la hoja de ruta, hoy.
- La integración de Canva compartida de su equipo es de misión crítica (Claude Design exporta a Canva de forma nativa; Open Design exporta a archivos locales que luego importaría).
Para mí, las matemáticas eran simples. Ya estaba ejecutando cuatro CLI de agentes localmente. Ya estaba pagando por las claves API detrás de ellas. De todos modos, ya estaba exportando archivos de diseño a Claude Code. Open Design acaba de convertir esa pila desordenada en una superficie limpia.
Si prefiere que alguien conecte este tipo de flujo de trabajo de desarrollo y diseño de múltiples agentes a su equipo sin la molestia de la instalación, asumo esos compromisos a través de mi perfil Fiverr, generalmente una configuración de una o dos semanas que finaliza con su equipo ejecutando su propia pila de agentes Open Design + en sus propias máquinas.
El patrón más grande del que Open Design es parte
Open Design no es un evento aislado. Es el último movimiento en un patrón que he estado siguiendo durante todo el año: la comunidad de código abierto alcanzando (y luego superando) los productos cerrados AI dentro de seis a ocho semanas de su lanzamiento.
Claude Code enviado. Siguieron OpenCode y la escena CLI de agente abierto más amplia. Habilidades enviadas antrópicamente. La comunidad envió mercados de habilidades abiertos. Anthropic envió Claude Design el 17 de abril. Open Design superó las 18.000 estrellas el 22 de abril. La compresión es la historia.
Lo que es diferente de Open Design es que no solo clonó la superficie de Claude Design. Se replanteó el tiempo de ejecución. Claude Design ejecuta Opus 4.7 en los servidores de Anthropic. Open Design ejecuta lo que tenga, dondequiera que lo tenga. Esa no es una característica delta. Esa es una teoría diferente de cómo deberían funcionar las herramientas creativas AI en 2026.
Si has pasado 2025 viendo a los jugadores cerrados enviar hermosas demostraciones y 2026 viendo a la comunidad abierta enviar hermosas herramientas, ya sabes en qué dirección sopla el viento. Local-first + BYOK + multimodelo ya no es un nicho para aficionados. Se está convirtiendo en la expectativa predeterminada para cualquier herramienta AI en la que confíen los operadores serios. La única pregunta es qué producto cerrado se clonará este mes.
Esta semana fue Claude Design. Open Design superó la curva de clonación.
Preguntas frecuentes
¿Qué es Open Design y en qué se diferencia de Claude Design?
Open Design es una alternativa gratuita, local y de código abierto al Claude Design de Anthropic lanzado por nexu.io bajo Apache-2.0. La principal diferencia es la propiedad: Open Design se ejecuta en su máquina con sus propias claves API y admite múltiples modelos AI, mientras que Claude Design es solo en la nube, pago y está bloqueado para Claude Opus 4.7. Para ver el tutorial de instalación, consulte la sección anterior.
¿Open Design es realmente gratuito y qué significa BYOK?
Sí, Open Design es gratuito y de código abierto. BYOK significa "Traiga su propia clave", lo que significa que usted proporciona sus propias claves API para OpenAI, Anthropic, Google o cualquier proveedor compatible. Solo paga a cada proveedor por los tokens que realmente usa, sin suscripción Open Design además.
¿Qué CLI de agente de codificación admite Open Design?
El demonio detecta automáticamente hasta 15 CLI al inicio, incluidos Claude Code, Codex, Gemini, Cursor Agent, OpenCode, Qwen, GitHub Copilot CLI, Devin, Hermes y Kimi. Si no tiene ninguno instalado, el modo BYOK API funciona como alternativa. Consulte el selector de modelo en el demonio UI para cambiar entre agentes detectados.
¿Qué hardware y sistema operativo necesito para ejecutar Open Design?
Necesita Node 24+, pnpm (el repositorio fija 10.33.2 a través de Corepack) y macOS, Linux o WSL2 como las principales rutas admitidas. El nativo de Windows funciona para la mayoría de los flujos. Cualquier computadora portátil moderna que ejecute sus agentes CLI existentes ejecutará Open Design.
¿Puede Open Design reemplazar a Figma?
No, y no lo intenta. Open Design reemplaza el flujo de trabajo solicitar creación de prototipo que ocupa Claude Design. Las herramientas de dibujo de manipulación directa están en la hoja de ruta, pero no se entregan. Para un trabajo manual con píxeles perfectos, aún querrás Figma. Para convertir una idea en un prototipo y exportar en minutos, Open Design es la superficie más rápida.
Trabajemos juntos
¿Quiere crear sistemas AI, automatizar flujos de trabajo o ampliar su infraestructura tecnológica? Me encantaría ayudar.
- Fiverr (compilaciones e integraciones personalizadas): fiverr.com/s/EgxYmWD
- Cartera: mejba.me
- Ramlit Limited (soluciones empresariales): ramlit.com
- ColorPark (diseño y marca): colorpark.io
- xCyberSecurity (servicios de seguridad): xcybersecurity.io
