Instalar Open Design — Herramienta de diseño IA GRATIS (alternativa a Claude Design)
Basada en el tutorial de instalación de AI Unlocked, esta guía configura Open Design en cuatro pasos rápidos — descarga la app de escritorio gratuita, conecta el agente de código que ya tienes como motor de diseño, deja el modelo por defecto y bloquea los ajustes de privacidad. No necesitas ninguna suscripción de pago.
Esta guía instala Open Design sin ninguna suscripción de pago alojada en la nube — convierte el CLI del agente de código que ya tienes en el motor de diseño de la app. Sigue los cuatro pasos que AI Unlocked realiza en su video de instalación, reescritos aquí para que puedas seguirlos clic a clic. Mira el video de arriba para verlo en directo, o sigue leyendo la versión escrita.
El espacio de trabajo de Open Design una vez instalado y conectado a un agente de código local — no hace falta ninguna suscripción en la nube.
¿Qué es Open Design?
- Código abierto, Apache-2.0 — revisa el código, aloja tu propia instancia, o simplemente descarga la app empaquetada.
- Local-first — la app y tus proyectos se ejecutan en tu propia máquina.
- Trae tu propio agente, trae tu propia key — funciona sobre el CLI del agente de código (y el modelo) que ya tienes instalado, en lugar de venderte una suscripción de IA aparte.
- Más que prototipos — además de maquetas de UI, el mismo espacio de trabajo también genera presentaciones de diapositivas, imágenes y video.
Paso 1 — Descargar la app
Ve a la página de GitHub de Open Design y abre la sección Releases, o entra directamente en open-design.ai para obtener un enlace de descarga directo. Toma el build para tu máquina — en un Mac con Apple Silicon es el build macOS arm64. Descarga el archivo, ábrelo y arrastra el icono de Open Design a tu carpeta de Aplicaciones. Se instala como cualquier otra app de escritorio; este camino no requiere compilar nada ni usar la terminal.
Paso 2 — Conecta tu agente de código
Abre la app. En la pantalla de inicio de sesión, salta el botón de nube de pago y haz clic en el enlace más pequeño debajo de él — local coding agent. Open Design escanea tu máquina en busca de los CLI que ya tienes instalados, como Claude Code, Codex o Cursor. Elige el que quieras usar para generar el diseño y pulsa continuar. Así se conecta el motor sin pagar nada extra — simplemente reutilizas el acceso al agente que ya tienes.
Paso 3 — Elige tu modelo
En el cuadro del modelo, deja el ajuste en default CLI config. Eso hace que Open Design herede el modelo que tu agente de código conectado tiene configurado actualmente — normalmente el más reciente — en lugar de elegir uno de los modelos más antiguos que aparecen en el desplegable, que solo son opciones de respaldo.
Paso 4 — Bloquea tu privacidad
Ve a Settings → Privacy. Verás dos interruptores activados por defecto, uno de los cuales comparte los datos reales de tu proyecto fuera de la app. Desactiva ambos y luego haz clic en delete my data para borrar lo que ya se haya recopilado. Open Design sigue funcionando exactamente igual después de esto — estos interruptores solo controlan lo que sale de tu máquina, no lo que la app puede hacer.
Explora el espacio de trabajo
Una vez conectado, dos bibliotecas hacen desaparecer el lienzo en blanco:
La biblioteca de sistemas de diseño — elige los tokens de una marca real en lugar de partir de una paleta vacía.
- Los sistemas de diseño empaquetan el aspecto de una marca como un conjunto de tokens — colores, tipografía, espaciado — sobre los que puedes construir directamente.
- Las plantillas cubren prototipos, presentaciones de diapositivas y generación de imágenes y video, para que puedas hacer fork de un punto de partida en lugar de una pantalla vacía.
La biblioteca de plantillas — puntos de partida para prototipos, diapositivas, imágenes y video, listos para hacer fork.
Desde aquí, describe lo que quieres construir y deja que tu agente conectado genere la primera versión.
Preguntas frecuentes
¿Open Design es gratis? Sí — es de código abierto bajo la licencia Apache-2.0 y gratis de ejecutar en local. Solo pagas por el uso del agente de código y el modelo que conectes, que probablemente ya tengas.
¿Necesito comprar Claude Design u otra herramienta de diseño de pago para usar esto? No. Open Design funciona sobre un CLI de agente de código que ya tienes, como Claude Code, así que no hay ninguna suscripción de diseño aparte que comprar.
¿Qué agentes de código puedo conectar? Este tutorial detecta Claude Code, Codex y Cursor, pero Open Design admite una lista mucho más larga de CLI de agentes de código — se mostrarán los que ya tengas instalados en tu máquina.
¿Por qué pregunta por ajustes de privacidad durante la configuración? Dos interruptores de compartición de datos están activados por defecto, y uno de ellos envía tu trabajo real fuera de la app. Desactivarlos en Settings → Privacy mantiene todo en local sin desactivar ninguna función.
¿Qué modelo debería elegir? Déjalo en default CLI config para que Open Design use el modelo que tu agente de código conectado ya está ejecutando — normalmente la opción más potente disponible para ti.
Esta guía escrita está basada en el tutorial de instalación de AI Unlocked. Mira el video completo arriba, y suscríbete a AI Unlocked para una nueva herramienta de IA gratis cada día.