La alternativa de código abierto a Claude Design

Claude Design es bueno. También es de código cerrado, solo alojado y viene incluido con una suscripción a Claude. Aquí tienes una lectura honesta sobre cuándo elegirlo, y cuándo gana el camino de código abierto.

Claude Design es bueno. Lo hemos usado en encargos reales. El hecho de que hayamos construido una capa de código abierto en su lugar no se debe a que Anthropic haya lanzado una mala herramienta: no lo hicieron. Es porque las herramientas de diseño de código cerrado, solo alojadas y de entre 20 y 200 dólares al mes tienen la forma equivocada para la próxima década del trabajo de diseño. Este artículo es la lectura honesta sobre Claude Design desde un equipo que también lanza productos en la misma categoría: qué es, dónde te ata, cómo se ve realmente la alternativa de código abierto y cuál deberías elegir este trimestre.

Qué es realmente Claude Design

Claude Design se lanzó desde Anthropic Labs en abril de 2026. Es una herramienta de diseño conversacional impulsada por Claude Opus 4.7: el chat a la izquierda, el lienzo a la derecha. Describes lo que quieres, Claude genera un diseño y tú iteras mediante comentarios, ediciones en línea y refinamientos de instrucciones.

Hace cuatro cosas bien:

Prototipos a partir de texto. Flujos de incorporación, páginas de configuración, paneles de administración, variantes de pago: cinco minutos desde la instrucción hasta una pantalla interactiva.
Conocimiento del código base. Importa un repositorio de GitHub o adjunta un directorio local y los prototipos usarán tus componentes reales, tu sistema de tokens y tus convenciones.
Integración de marca. Configura un sistema de diseño una vez y cada proyecto adopta automáticamente los colores, la tipografía y los patrones de componentes.
Entrega a Claude Code. El botón «construir esto» lleva el prototipo a código listo para producción en la misma pestaña del navegador.

Las exportaciones incluyen Canva, PDF, PPTX, HTML y URL independientes. El precio viene incluido: Claude Pro a 20 dólares, Max a 100-200 dólares, Enterprise en el habitual nivel de «llámanos». Actualmente es una vista previa de investigación para suscriptores de pago de Claude.

Si lees el tutorial oficial, el flujo de trabajo que describe Anthropic es el mismo que ofrece Open Design: un encargo, una dirección, un artefacto, una entrega. Las diferencias están una capa más abajo.

Dónde te ata

Claude Design conlleva cuatro elementos de dependencia que vale la pena nombrar de entrada, porque las páginas de marketing no lo hacen.

El modelo es fijo. Cada renderizado pasa por Claude. No Claude o un modelo que ya hayas pagado: solo Claude. Si tu equipo tiene un contrato con GPT, Gemini o DeepSeek, o si te autoalojas en Ollama para encargos sensibles, esos flujos de trabajo no se traducen. El coste por tokens va siempre atado a la curva de precios de Anthropic.

El entorno de ejecución está alojado. Tus instrucciones, tu sistema de diseño y el contexto de tu código base viajan todos a los servidores de Anthropic. Para trabajo de agencia o creatividad previa al lanzamiento bajo NDA, eso supone una conversación de compras cada vez. El autoalojamiento no es una opción en la vista previa de investigación, y el anuncio no se compromete a ofrecerlo.

Las skills no son tuyas. El comportamiento de Claude Design se define mediante instrucciones y herramientas que viven dentro de Anthropic. No puedes bifurcarlas, auditarlas ni reemplazar ninguna. Las «skills» que Anthropic está lanzando en Claude Skills son adyacentes pero independientes; las herramientas específicas de diseño son internas.

La factura es una suscripción. Entre 20 y 200 dólares al mes por asiento está bien para un diseñador en solitario, resulta doloroso para un equipo de veinte y es inviable para la docena de colaboradores de código abierto que de otro modo adoptarían el mismo flujo de trabajo.

Ninguno de estos es un fallo de Claude Design. Son la forma de un producto alojado. Anthropic optimizó para el suscriptor Pro medio. Nosotros no somos el suscriptor Pro medio.

Un sólido de nube negra facetada atado por una línea discontinua a un pequeño ancla de suelo y un bloque de servidor, sobre una lámina de estudio editorial cálida — Alojado por defecto: tus instrucciones, tu sistema de diseño y el contexto de tu código base viajan a los servidores de otra persona.

La alternativa de código abierto

Open Design (este sitio) es una apuesta diferente. No es un clon de Claude Design: es una fina capa de skills que convierte el agente de codificación que ya usas en un motor de diseño. Las cuatro primitivas son skills, sistemas, adaptadores y el daemon. Cada skill es un archivo SKILL.md. Cada sistema de diseño es un archivo DESIGN.md. Cada adaptador de agente son unas 80 líneas de TypeScript.

Lo que viene incluido hoy:

123 skills: generadores de presentaciones, maquetas móviles, páginas editoriales, Word/Excel/PPT, exploraciones de marca
148 sistemas de diseño: versiones portátiles en Markdown de Linear, Vercel, Stripe, Apple, Cursor, Figma, además de una larga cola
16 CLIs de agentes de codificación detectados automáticamente en tu $PATH: Claude Code, Codex, Cursor, Gemini, OpenCode, Copilot, Devin, Hermes, Pi, Kimi, Kiro, Qwen, DeepSeek TUI, Qoder, Mistral Vibe, Kilo
Flujo de trabajo bloqueado de cuatro pasos: formulario de preguntas → selector de dirección → transmisión del plan en vivo → vista previa en un iframe aislado
BYOK por defecto: pega cualquier base_url y clave compatible con OpenAI, tus tokens van directamente al proveedor
Apache-2.0, sin registro, se ejecuta con pnpm tools-dev

El modelo mental: Claude Design es un producto. Open Design es una capa.

Tres poliedros negros facetados sobre una línea base medida, solo uno encajado en un marco de soporte mientras los otros quedan sueltos, sobre una lámina de estudio editorial cálida — Claude Design fija el modelo. El camino abierto te deja traer el que ya pagas.

Comparación lado a lado

	Claude Design	Open Design
Licencia	Propietaria	Apache-2.0
Entorno de ejecución	Alojado (Anthropic)	Daemon local (`pnpm tools-dev`) + despliegue opcional en Vercel
Modelos	Solo Claude	Cualquier endpoint compatible con OpenAI + 16 CLIs detectados
Skills	Internas	123 carpetas `SKILL.md` bifurcables
Sistemas de diseño	Configuración de marca por proyecto	148 archivos `DESIGN.md` portátiles
Contexto del código base	Importación de GitHub + local	A nivel de skill, directorio de trabajo real
Precio	20 $ / 100 $ / 200 $ / Enterprise	Gratis; pagas directamente a tu proveedor de modelo
Entrega	Claude Code (en la app)	Cualquier agente en `$PATH`, además de exportaciones HTML / PDF / PPTX / ZIP
Autoalojable	No	Sí (portátil o Vercel)
Ruta de datos	Instrucciones → Anthropic	Instrucciones → el proveedor que elijas; nada pasa por nosotros

El resumen honesto: Claude Design tiene la experiencia de producto único más pulida. Open Design cambia esa superficie de producto único pulida por una biblioteca: más skills, más sistemas, más agentes, diseñados para componerse con el agente que ya tienes en tu portátil.

Tres losas negras finas apiladas con huecos visibles como una pila de capas en isométrico, marcas de dimensión señalando los huecos, una hoja de olivo encima, sobre una lámina de estudio editorial cálida — Un producto y una capa: Open Design se sitúa entre tu agente y el trabajo de diseño.

Quién debería elegir qué

Si eres…	Elige
Un PM en solitario en una empresa que ya usa Claude Pro y necesita un prototipo antes del almuerzo	Claude Design. Los 20 $/mes son un coste hundido; la interfaz es genuinamente rápida.
Un equipo de diseño empresarial donde Anthropic ya pasó el proceso de compras	Claude Design. Ya pagaste el coste de integración una vez; aprovéchalo.
Un diseñador en solitario que quiere «Claude Design pero gratis»	Open Design. Gratis, y eres dueño del flujo de trabajo en lugar de alquilarlo: apúntalo a un modelo que ya pagas y la primera presentación lleva unos diez minutos.
Un ingeniero de diseño que ya maneja Claude Code, Codex o Cursor desde la terminal	Open Design. Tu agente es el motor de diseño; la capa de skills aporta buen gusto y estructura sin una nueva app.
Cualquiera que necesite BYOK, elección de modelo a mitad de proyecto, o solo local para encargos sensibles	Open Design. La realidad es más áspera que el marketing, pero el contrato es el único que realmente se sostiene.
Un colaborador de código abierto que quiere lanzar una nueva skill de diseño que el proyecto pueda adoptar	Open Design. Suelta una carpeta, reinicia el daemon, envía el PR.
Un equipo que estandariza sobre un sistema de diseño portátil que sobreviva al cambio de herramientas	Open Design. Los archivos `DESIGN.md` sobreviven a la herramienta que los lee.

La dimensión que lo decide para la mayoría de los equipos no es la calidad. Es si prefieres alquilar el flujo de trabajo o ser su dueño.

Qué hacer a continuación

Si quieres ver cómo se siente ser dueño del flujo de trabajo antes de gastar en una suscripción Pro, ejecuta el inicio rápido de tres comandos y apúntalo al modelo que ya pagas. Todo vive en un solo repositorio y la primera presentación lleva unos diez minutos.

Prueba el flujo de trabajo de código abierto.

Lecturas relacionadas

Por qué construimos Open Design como una capa de skills, no como un producto: el manifiesto más extenso detrás de la apuesta «capa, no producto»
Flujo de trabajo de diseño BYOK: ejecuta Claude, Codex o Qwen con tu propia clave: las matemáticas de coste detrás de elegir tu propio modelo
Comprobación de realidad de BYOK: cinco cosas que se rompen: lo que el camino abierto realmente rompe hoy, y las soluciones alternativas