Crea presentaciones a partir de un vídeo o un artículo con Open Design (con créditos gratis)

Open Design no es solo para páginas web: es un potente generador de presentaciones. Esta guía se centra en eso: convertir la transcripción de un vídeo de YouTube o cualquier artículo en una presentación pulida y animada, ejecutándola gratis en el plan gratuito de un agente de programación. También cubre la configuración gratuita de Codex, los sistemas de diseño, la herramienta de bocetos y la importación de un ZIP de Claude Design. Sigue el recorrido detallado que Eli Rigobeli ofrece en su vídeo, reescrito en inglés y actualizado a la versión actual. Mira el vídeo de arriba, o sigue leyendo la versión escrita.

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

¿Qué es Open Design?

Open Design es una plataforma de diseño de código abierto y local-first: una alternativa a Claude Design que ejecutas en tu propia máquina, impulsando cualquier agente o modelo que quieras (Codex, Claude Code, Gemini, OpenCode o tu propia API key) en lugar de quedar atado a un único proveedor con un tope de tokens. Viene con una amplia biblioteca de sistemas de diseño (cada uno un DESIGN.md) y habilidades de diseño, y va más allá de las páginas hasta las presentaciones, las imágenes y el vídeo.

Paso 1 — Instala y conecta un modelo gratuito

Descarga el instalador desde open-design.ai/download (macOS / Windows), o ejecútalo desde el código fuente:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Abre la URL local que imprime (un puerto dinámico: no lo fijes en el código). Para una configuración gratuita, Eli conecta Codex iniciando sesión con una cuenta gratuita de ChatGPT (que otorga créditos semanales), de modo que toda la sesión no cuesta nada. En los ajustes también puedes probar la conexión, añadir proveedores de medios (imagen/vídeo/audio), cambiar de idioma y adoptar una mascota de escritorio.

Paso 2 — Genera una presentación a partir de contenido existente

Este es el flujo de trabajo destacado. No tienes que escribir una presentación desde cero: dale a Open Design contenido que ya tengas:

1. Elige Presentación, ponle nombre y selecciona un sistema de diseño (incluso puedes mezclar dos, p. ej. un look de marca + un look de código).
2. Toma el contenido de origen — Eli copia la transcripción de un vídeo de YouTube (cualquier artículo también sirve) — y haz que un LLM lo convierta en un brief de presentación ("genera un prompt para una presentación de 5 diapositivas a partir de esta transcripción: …").
3. Pega eso en Open Design y envíalo. Hace una breve pasada de descubrimiento (audiencia, tono visual — p. ej. "revista editorial", nivel de animación) y una dirección visual, y luego construye.

El resultado es una presentación realmente pulida — la de Eli tenía animaciones de transición suaves entre diapositivas y un look editorial coherente en cinco diapositivas, presentable a pantalla completa. Es la forma más rápida de convertir una charla, un artículo o un vídeo en diapositivas que puedes compartir.

Un prototipo real generado, renderizado en la vista previa — Open Design también construye páginas interactivas completas, no solo presentaciones.

Paso 3 — Más entradas: bocetos, referencias y ZIP de Claude Design

Open Design acepta varios puntos de partida más allá de un prompt de texto:

• Herramienta de bocetos — dibuja una maqueta aproximada ("banner aquí, tarjetas debajo"), anótala y haz que se construya a partir de tu boceto.
• Archivos de referencia — arrastra imágenes, capturas de pantalla o carpetas como contexto, y menciónalos con @ (o habilidades) directamente en el prompt.
• Importación de ZIP de Claude Design — ¿ya tienes un sistema de diseño en Claude Design? Expórtalo como ZIP, impórtalo y Open Design construye nuevos artefactos que siguen tus tokens y tu marca existentes.

La galería HyperFrames: piezas de motion y vídeo impulsadas por código que puedes forkear y remezclar.

Paso 4 — Edita, vigila tu coste y publica

Usa Editar/Inspeccionar para ajustar elementos visualmente (deja que el agente añada etiquetas data-oid si Inspeccionar lo pide), y comentario-para-editar para marcar zonas. Eli vigila el saldo gratuito de Codex — una landing page costó ~21 % de los créditos gratuitos semanales, una presentación un poco más — demostrando que se puede hacer trabajo real sin pagar. Cuando termines, Compartir exporta a PDF/PowerPoint/ZIP/HTML o despliega en Vercel.

Su consejo de costes: si prefieres usar una API key, elige modelos baratos (GLM, Kimi, DeepSeek) — cuestan una fracción del precio y son más que suficientes para iterar en diseño.

Consejos

• Aliméntalo con contenido, no escribas desde cero — una transcripción o artículo → una presentación terminada.
• Conecta Codex con una cuenta gratuita de ChatGPT (créditos semanales) para trabajar gratis.
• Mezcla dos sistemas de diseño para un look personalizado; usa la herramienta de bocetos cuando tengas una maqueta en mente.
• Importa un ZIP de Claude Design para reutilizar un sistema de diseño existente.
• Vigila el saldo de créditos y cambia a modelos de API baratos (GLM/Kimi/DeepSeek) para escalar.

Preguntas frecuentes

¿Puede Open Design crear presentaciones, no solo páginas web? Sí — el modo de presentaciones convierte un prompt (o una transcripción/artículo que pegues) en una presentación HTML pulida y animada que puedes presentar a pantalla completa o exportar a PowerPoint/PDF.

¿Puedo ejecutarlo completamente gratis? Sí — conecta Codex con una cuenta gratuita de ChatGPT (o el plan gratuito de Gemini); Eli construye páginas y presentaciones sin pagar, solo vigilando el saldo semanal de créditos.

¿Desde qué entradas puede partir? Un prompt de texto, un boceto dibujado a mano, imágenes/capturas/carpetas de referencia, o un ZIP de Claude Design importado.

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

---

Esta guía escrita está basada en el recorrido detallado de Eli Rigobeli. Mira el vídeo completo arriba y suscríbete a Eli Rigobeli para más contenido de construcción con IA.