La guía para principiantes — Instala Open Design en tu PC y crea tu primera página

Esta guía es para principiantes absolutos: sin terminal, sin tecnicismos. Descargarás Open Design como una app normal, conectarás un modelo con un clic y crearás tu primera página web real — todo ejecutándose en tu propio PC, sin suscripción. Sigue el recorrido amable que Where Do I Click ofrece en su video, reescrito y actualizado a la versión actual. Mira el video de arriba para ver la demostración en vivo, o sigue leyendo la versión escrita.

El espacio de trabajo de Open Design: describe lo que quieres crear, elige un modo y tu agente hace el resto.

¿Qué es Open Design (en palabras sencillas)?

Open Design es una app de diseño gratuita y de código abierto que ejecutas en tu propia computadora. Describes lo que quieres — una página de aterrizaje, una pantalla de app, una presentación — y una IA te construye una versión real y editable. Las grandes diferencias frente a una herramienta de nube de pago: es gratis, se ejecuta de forma local (tus archivos se quedan en tu máquina) y funciona con el modelo de IA que elijas en lugar de atarte a uno solo. Como dice Where Do I Click, una herramienta de nube de pago es impresionante pero restrictiva — necesitas una suscripción y agotas tus créditos después de uno o dos proyectos. Open Design derriba ambos muros.

Paso 1 — Instálalo (la forma fácil: solo descarga la app)

No hace falta que te sientas cómodo con un terminal. La vía más sencilla:

1. Ve a open-design.ai/download.
2. Haz clic en Download y elige tu sistema operativo — hay versiones para Windows y macOS.
3. Ejecuta el instalador como cualquier app normal. (En Windows quizá veas un aviso de “Windows protegió tu PC” — haz clic en Más información → Ejecutar de todas formas; es solo una compilación independiente sin firmar.)
4. Consigue siempre la última versión — el proyecto se actualiza con frecuencia y las versiones más nuevas tienen más errores corregidos.

(Si alguna vez quieres la vía de desarrollador, el Quick Start del repositorio de GitHub tiene comandos para copiar y pegar — pero la descarga es todo lo que la mayoría de la gente necesita.)

Paso 2 — Conecta un modelo con un clic

La primera vez que se abre, Open Design detecta automáticamente las herramientas de IA que ya tienes en tu computadora — como Claude Code, Codex, Gemini o Qwen — y las muestra en una lista. Haz clic en una y pulsa Get started.

¿No tienes herramientas de programación instaladas? No hay problema: elige en su lugar API provider y pega una clave de Anthropic, OpenAI, Azure o Google Gemini. En cualquier caso, estarás listo en segundos. Más adelante puedes cambiar el modelo desde el mismo botón, y la configuración también te permite añadir proveedores de medios, cambiar el idioma, elegir el modo claro/oscuro e incluso adoptar una pequeña mascota de escritorio que se queda en el rincón.

La biblioteca de plugins: instala habilidades directamente desde el registro — incluidas habilidades de diseño anti-slop.

Paso 3 — Echa un vistazo (ejemplos y plantillas)

Antes de crear, haz clic en Examples para previsualizar diseños reales hechos con la herramienta — interfaces complejas con animaciones y efectos. ¿Te gusta alguno? Pulsa use this prompt para partir de él. Las pestañas de plantillas Design systems, image y video funcionan igual: previsualiza y luego reutiliza. Es una forma amable de ver lo que es posible sin enfrentarte a una página en blanco.

Paso 4 — Crea tu primera página

1. Elige Prototype, dale un nombre (Where Do I Click crea una página para una agencia inmobiliaria).
2. Elige un design system (o déjalo en free) y high fidelity.
3. Haz clic en Create, pega tu prompt y envíalo.
4. Open Design hace unas cuantas preguntas de descubrimiento (¿escritorio o móvil? ¿qué tono? ¿imágenes realistas?) para construir lo correcto a la primera — respóndelas y envía.
5. Elige una dirección visual y construye tu página: una interfaz limpia con imágenes generadas por IA, texto real y animaciones — realmente cercana a la calidad de una herramienta de pago.

Modo de presentaciones: elige una categoría de presentación y bifurca un ejemplo como punto de partida.

Paso 5 — Haz cambios sin código

Activa los controles de ajuste y haz clic en lo que quieras cambiar — por ejemplo, el nombre de tu agencia. Se abre una caja de prompt; escribe el cambio en lenguaje sencillo y se aplica. Ese es todo el ciclo: describe, genera, señala y ajusta. Cuando estés satisfecho, puedes exportar o seguir iterando — y nunca te topas con un límite semanal de créditos mientras lo haces.

Consejos

• Descarga la app — es la vía sin terminal, en Windows y macOS.
• ¿No tienes herramienta de programación? Usa la opción API provider con una clave de Anthropic/OpenAI/Azure/Gemini.
• Explora primero los Examples y reutiliza un prompt para saltarte la página en blanco.
• Responde las preguntas de descubrimiento — así acierta lo que quieres a la primera.
• Usa los controles de ajuste para cambiar texto y elementos en lenguaje sencillo, sin código.

Preguntas frecuentes

¿Necesito saber programar? No. Descarga la app, haz clic en tu modelo (o pega una clave API) y crea con prompts en lenguaje sencillo y ajustes de señalar y hacer clic.

¿De verdad se ejecuta en mi propio PC? Sí — se instala de forma local en Windows o macOS y tus proyectos se quedan en tu máquina.

¿Necesito una suscripción? No. Open Design es gratis; solo pagas el uso del modelo de IA del agente o la clave API que conectes — y no hay un límite de diseño semanal aparte.

¿Es gratis y de código abierto? Sí — Apache-2.0. Ejecútalo de forma local y gratis; solo pagas el uso del modelo/medios de lo que conectes.

---

Esta guía escrita está basada en el recorrido de Where Do I Click. Mira el video completo arriba y suscríbete a Where Do I Click para más guías de herramientas de IA aptas para principiantes.