Migrar de Claude Design a Open Design: la configuración sin límites
Una guía de migración para dejar atrás los límites semanales de Claude Design: instala Open Design, importa tu ZIP de Claude Design, crea con cualquier modelo, cambia de modelo a mitad del proyecto, añade imágenes con IA y despliega. Incluye el sincero veredicto sobre "cuándo cambiar". Basada en el recorrido práctico de Jack Roberts.
Esta guía es una hoja de ruta de migración para cualquiera que esté chocando con los brutales límites semanales de Claude Design: instala Open Design, traslada tu trabajo existente, crea con el modelo que quieras, cambia de modelo a mitad del proyecto, añade imágenes con IA y despliega, todo en local. Sigue la migración integral que Jack Roberts realiza en su recorrido práctico, reescrita y puesta al día con la versión actual. Mira el video de arriba para verlo en vivo, o sigue leyendo para la versión escrita.
El espacio de trabajo de Open Design: prototipos, presentaciones, imágenes y video en un único lienzo sereno y familiar.
¿Por qué migrar?
El argumento de Jack es directo: Claude Design es realmente bueno, pero los límites te frenan en seco. Estás atado a un solo modelo (Opus 4.7), con un tope de apenas un par de diseños significativos por semana, y pagando entre 20 y 200 $/mes además de lo que ya gastas en programar. En cuanto quieres un modelo más barato, un modelo distinto o diseñar a gran escala, te quedas bloqueado.
Open Design derriba esos muros:
- Cualquier modelo que quieras, y puedes cambiar a mitad del proyecto.
- Sin tope semanal: la generación se apoya en el agente y los proveedores que ya usas.
- Apache-2.0: seguro a nivel comercial para trabajo con clientes, a diferencia de los repositorios clonados con licencias restrictivas.
- Local primero: nada se sube; tus proyectos se quedan en tu máquina.
Ese punto sobre la licencia importa más de lo que parece: Jack insiste en que varios “clones de Claude Design” no se pueden usar realmente en proyectos de clientes. Apache-2.0 significa que puedes entregar trabajo remunerado creado con él, sin regalías ni permisos.
Paso 1: Instala Open Design
Tres formas de empezar:
| Vía | Mejor para | Requisitos |
|---|---|---|
| Aplicación de escritorio | La mayoría de la gente: sin configuración | Ninguno. Solo descárgala y ábrela. |
| Ejecutar desde el código fuente | Desarrolladores que quieran leer o modificar el código | Node ~24, pnpm 10.33.x |
| Instalar en tu agente | Gente que vive en la terminal | Un CLI de agente de programación existente |
La vía más sencilla es la aplicación de escritorio desde open-design.ai/download: detecta automáticamente los CLI de agente que tienes instalados. En el video, Jack opta por la ruta para desarrolladores entregando el repositorio a su agente y dejando que lo clone y lo ejecute:
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run webAbre su propia aplicación web local —tu propio espacio de trabajo alojado localmente, al estilo de Claude Design— en la URL dinámica que imprime (no fijes el puerto a mano).
Paso 2: Trae tu trabajo de Claude Design
El paso de migración que más gente quiere: importa tu proyecto de Claude Design. Si creaste un sistema de diseño o un proyecto en Claude Design, puedes trasladarlo directamente: ábrelo allí, descarga el proyecto como ZIP y luego importa ese ZIP en Open Design. Tus tokens y componentes vienen contigo, así que no tienes que reconstruirlo todo desde cero.
La biblioteca de sistemas de diseño: cada entrada descompone una marca real en paleta, tipografía, componentes y atmósfera visual que puedes reutilizar.
También heredas una completa biblioteca integrada de sistemas de diseño —Airbnb, Apple, Nike, PlayStation y muchas más—, así que incluso sin importar nada puedes elegir una marca y el agente hereda su voz, su tipografía, su paleta y su lenguaje de maquetación.
Paso 3: Crea con el modelo que elijas
Al iniciarse por primera vez, Open Design muestra los agentes que ya tienes instalados en tu máquina. Jack elige Claude Code, le pone nombre a un proyecto (“analytics”), opta por alta fidelidad y redacta un briefing para un panel al estilo de Stripe. Open Design hace sus preguntas aclaratorias —superficie, audiencia principal, tono, alcance, color de acento—, luego avanza por una lista de tareas y produce un panel interactivo de una sola vez. Una segunda ronda de comentarios lo deja listo para producción.
La biblioteca de plantillas: puntos de partida de prototipo, presentación, imagen y video que puedes filtrar por tipo y bifurcar para empezar.
Paso 4: Cambia de modelo a mitad del proyecto
Esta es la jugada favorita de Jack y la que Claude Design no puede hacer. A mitad del proyecto, abre el selector de modelos (abajo a la izquierda), cambia de Claude Code a Codex (o ChatGPT, Gemini, lo que tengas conectado) y guarda. Ahora tu siguiente mensaje —“suaviza el flujo de eventos en vivo, se ve con lag”— lo gestiona el nuevo modelo, en el mismo proyecto y con el mismo contexto.
Su consejo de experto: usa Opus para establecer el diseño inicial y luego cambia a modelos más baratos para iterar y escalar. A un modelo le resulta mucho más fácil producir más de lo mismo que diseñar un aspecto desde cero, así que deja que el modelo más potente fije la arquitectura y que los más baratos hagan el volumen.
Paso 5: Añade imágenes con IA y despliega
Añade en los ajustes la clave de un proveedor de medios (por ejemplo OpenAI para GPT Image) y podrás pedir imágenes generadas en línea —“añade una imagen al estilo Ghibli de una hucha de inversión en una de las cajas”— que se integran directamente en el diseño, con degradados incluidos. Esa generación en línea es algo que un clon de diseño puro no te ofrece.
Cuando termines, Share te da el menú de exportación completo: HTML autónomo, PowerPoint, PDF, ZIP, guardar como plantilla, o desplegar directamente en Vercel con tu token. Descárgalo como ZIP y también podrás volver a abrirlo en Codex, Claude o el editor que prefieras.
Cuándo cambiar (y cuándo no)
Jack es honesto sobre para quién encaja. Cámbiate a Open Design si eres una agencia o un profesional autónomo que necesita resultados seguros a nivel comercial, un operador multimodelo que ya paga por Claude Code / Codex / Cursor, o si estás consumiendo el tope semanal de Claude Design y simplemente quieres más diseños. Quédate con Claude Design por ahora si todo esto es nuevo para ti y te sientes a gusto dentro de sus límites.
Una advertencia: Open Design es un proyecto joven y de rápida evolución, así que cuenta con alguna aspereza ocasional y dale un margen: está mejorando deprisa.
Consejos
- Importa primero tu ZIP de Claude Design: no reconstruyas un sistema que ya tienes.
- Define el aspecto con Opus y luego cambia a modelos más baratos para iterar y escalar.
- Añade una clave de medios para obtener imágenes con IA en línea: una mejora real frente a una herramienta de diseño estática.
- Usa un CLI local para que la generación se apoye en una suscripción que ya pagas, en lugar de tarifas por llamada.
- Exporta pronto (HTML/ZIP/Vercel) para validar antes de hacer la entrega.
Preguntas frecuentes
¿Se transferirán mis proyectos de Claude Design? Sí. Descarga tu proyecto como ZIP desde Claude Design e impórtalo en Open Design: los tokens y componentes se trasladan.
¿De verdad puedo usar cualquier modelo? Sí: elige entre los agentes instalados en tu máquina (Claude Code, Codex, Gemini, Cursor, OpenCode y más), cambia entre ellos a mitad del proyecto o usa tu propia clave de API.
¿Es seguro para el trabajo con clientes? Sí. Open Design usa la licencia Apache-2.0, así que puedes utilizarlo comercialmente sin regalías ni permisos, a diferencia de algunos clones con licencias restrictivas.
¿Es gratis? La aplicación es de código abierto bajo Apache-2.0 y gratuita para ejecutarla en local. Solo pagas por el uso de modelo y medios del agente y los proveedores que conectes, que es exactamente como escapas del tope mensual fijo.
Esta guía escrita está basada en el recorrido práctico de Jack Roberts. Mira el video completo arriba y suscríbete a Jack Roberts para más análisis prácticos de construcción con IA.