Claude Design (pero gratis...)

El mismo flujo que Claude Design, sin pagar un euro: Open Design + la cuota gratuita de Gemini que ya tienes activa por estar registrada en Gmail.

Llevas semanas viendo cómo se consume tu saldo de Anthropic cada vez que le das un poco de caña a Claude Design.

Lo entiendo. Yo me he pegado con esto desde que salió la herramienta.

Y para algunos usos me ha ido bien (optimizar al máximo detalle TODO)

Pero hace unos días empecé a utilizarlo para generar videos con Hyperframes de (Heygen) y ahí cambio el panorama.

Hoy te traigo la salida limpia. Una alternativa open source que hace lo mismo, y se conecta a la cuota gratuita de Gemini. Cero euros al mes mientras no la satures.

No te doy más la turra. Vamos a ello.

---

¿Para qué te va a servir esto?

→ Generar prototipos, slides, mockups y diseños sin tocar tu plan de Claude.

→ Aprovechar la cuota gratuita de Gemini que Google te regala por tener Gmail.

→ Instalar la herramienta sin saber programar — la app de escritorio hace el trabajo sucio.

→ Mantener tu workflow de diseño aunque mañana Anthropic suba precios o capen la cuota.

---

Contenido

1. Qué es Open Design y por qué importa

2. Instalación en 2 pasos (sin tocar terminal apenas)

3. Conectar Gemini CLI gratis

4. Mi caso real con Hyperframes

---

1. Un poco de base

Open Design es la alternativa open source a Claude Design. La mantiene nexu-io y va por la versión 0.3.0 a fecha de hoy.

Funciona en local. En tu propio ordenador.

Genera prototipos web, mobile, desktop, slides, imágenes, vídeos. Y exporta a HTML, PDF, PPTX y MP4.

Lo bestial es esto: te deja elegir qué CLI quieres conectar por debajo. Claude Code, Codex, Cursor, Gemini CLI, OpenCode, Qwen, Copilot. La que tú quieras.

¿Y por qué importa? Porque tú decides quién paga la fiesta del compute.

La calidad final depende del modelo que pongas detrás. Pero para iterar diseños rápido y no quemarte los créditos del trabajo serio, Gemini gratis es más que suficiente.

Ya hemos visto este patrón antes con OpenClaw y Claude Code. Cada vez que sale una herramienta cerrada de pago, en cuestión de semanas aparece la versión open source que hace casi lo mismo.

2. Instalación en 2 pasos

Lo más fácil es instalar la app de escritorio. No hace falta tocar comandos para esto.

→ Te vas al repo: https://github.com/nexu-io/open-design

→ Bajas a la sección de releases: https://github.com/nexu-io/open-design/releases/tag/open-design-v0.3.0

→ Descargas el instalador para tu sistema:

• macOS Apple Silicon: open-design-0.3.0-mac-arm64.dmg

• Windows x64: open-design-0.3.0-win-x64-setup.exe

• Linux: no hay paquete oficial, toca correr desde código fuente

Lo abres. Lo arrastras a Aplicaciones (en Mac) o le das siguiente-siguiente (en Windows).

Aviso para usuarias de Mac con Intel: la versión 0.3.0 solo soporta Apple Silicon. Si tienes un Mac viejo, te toca correr desde fuente.

Aviso para Windows: el instalador no está firmado todavía, así que SmartScreen va a saltar. Le das a “Más información” → “Ejecutar de todas formas”.

Vale, ya tienes la app instalada. Ahora viene la parte interesante: conectar la cli de gemini gratis.

---

3. Conectar Gemini CLI Gratis

Para que Open Design pueda generar diseños necesita un agente por debajo. Vamos a usar Gemini CLI porque tiene cuota gratuita generosa solo por estar logada con tu Gmail.

Paso 1 — Instalar Gemini CLI:

Abres tu terminal (en Mac, Cmd+Espacio → “Terminal”; en Windows, busca “PowerShell”).

El comando exacto de instalación lo tienes en el repo oficial de Gemini CLI — pégalo y dale enter. La instalación tarda un par de minutos.

npm install -g @google/gemini-cli

Paso 2 — Probar que funciona:

Escribes:

gemini

Si aparece la interfaz, vas bien.

Paso 3 — Autenticarte con tu cuenta de Google:

Al iniciar Gemini CLI por primera vez, te pregunta cómo quieres autenticarte. Tienes varias opciones:

→ Login con Google (cuenta personal de Gmail) — esta es la que te da la cuota gratuita.

→ API Key de Google AI Studio.

→ Vertex AI (cuenta de Google Cloud, de pago).

Eliges la primera. Se abre una ventana del navegador, te logas con tu Gmail y listo.

Paso 4 — Activar Gemini CLI dentro de Open Design:

Vuelves a Open Design. Te vas a Configuración. Ahí ya te tiene que aparecer Gemini CLI detectada como agente disponible.

Le das a “Activar”.

Ya está. Tienes Open Design corriendo gratis sobre tu cuota de Gemini.

⚠️ Nota técnica: si no te detecta la CLI automáticamente, mira en Configuración que tu PATH esté apuntando bien al binario de gemini. Es el problema número uno que te puedes encontrar.

---

Nivel Gratuito (Individual)

• Solicitudes diarias: Hasta 1,000 solicitudes por usuario cada 24 horas.

• Solicitudes por minuto: Límite de 60 solicitudes por minuto.

• Modelos: Acceso a modelos potentes como Gemini 2.5 Pro (o superior) con una gran ventana de contexto de 1M de tokens.

¿Te está sirviendo lo que estás leyendo?

Si quieres que cada semana te llegue una guía como esta — herramienta concreta, pasos reales, sin paja — suscríbete aquí 👇

---

4. Mi caso real con Hyperframes

Yo estoy probando Open Design con vídeo.

Y aquí entra Hyperframes, que es otra herramienta open source que me tiene enganchada las últimas semanas. Te ayuda a editar vídeos como los que ves en mi canal — los que tienen overlays, captions sincronizados, animaciones reactivas al audio.

Mi flujo actual:

→ Genero la idea visual del vídeo en Open Design (con Gemini gratis).

→ Paso el output a Hyperframes para montar la composición HTML.

→ Renderizo el vídeo final desde ahí.

Otro ejemplo:

Carrousels con IA: Todo lo que funciona y lo que no.

---

Recursos

→ Repo Open Design: https://github.com/nexu-io/open-design

→ Release v0.3.0 (la que estoy usando): https://github.com/nexu-io/open-design/releases/tag/open-design-v0.3.0

→ Hyperframes: https://github.com/heygen-com/hyperframes

---

Y hasta aquí la news

Si tienes dudas sobre Open Design, qué CLI conectar o cómo empezar — en comentarios 👇

Y si quieres que cada lunes te llegue una guía como esta, suscríbete aquí 👇

Nos vemos la semana que viene.

-Lorena

PD. Si ya estás con Claude Code, tienes una segunda vía interesante: conectar Claude Code como CLI dentro de Open Design en lugar de Gemini. Sigues pagando Anthropic, pero al menos centralizas todo en una sola herramienta open source en lugar de saltar entre interfaces.