Cómo creo landing pages, presentaciones, gráficos y motion con Claude Design — y el método para sacar resultados pro sin quemar tokens.
El truco no es escribir un prompt mágico de un tiro. Es pensar en el chat normal de Claude (que casi no consume), salir de ahí con el prompt perfecto, y recién entonces gastar los tokens caros de Claude Design en una sola generación que ya sale bien.
En el chat normal de Claude. Le cuento qué quiero, le pido que me haga preguntas y que afinemos juntos.
Chat · baratoLe pido que me redacte el prompt final con el brief de 4 partes. Lo copio.
Chat · baratoPego el prompt pulido en Claude Design. Primera versión en el canvas.
Design · caroImágenes que marquen la estética + tus assets. (El sistema de diseño existe, pero hoy mandamos con referencias.)
Design · caroPocas rondas, feedback preciso. Export a HTML, PDF, PPTX, Canva o Claude Code.
Design · caroEsto es lo que separa un resultado genérico de uno pro. Todo prompt que llevo a Claude Design responde estas cuatro preguntas. Si falta una, el diseño sale a medias.
Qué es y para qué sirve. “Una landing para vender mi curso”.
Para quién es. “Creativos hispanohablantes que recién empiezan con IA”.
Las secciones y datos. “Hero, 3 beneficios, prueba social, CTA”.
La estética. “Editorial, cálido, premium, un acento de color, mucho aire”.
Una página que convierte. Nuestro ejemplo en toda la guía: RocoBurgers (ROCO Hamburguesas) — el objetivo es que la gente vea el menú y ordene.
De una idea a un deck completo en minutos. Ejemplo: la presentación a los dueños de RocoBurgers para lanzar la nueva línea de combos. El detalle que nadie más hace bien: las notas del orador.
Contenido para redes. Ejemplo: el carrusel de oferta del COMBO KLING. Aquí las imágenes de referencia mandan: subo lo que me gusta y Claude entiende el estilo al instante.
Aquí hacemos un timeline animado (tipo video): escenas que entran una tras otra. Ejemplo: la historia de RocoBurgers. Se arma como HTML animado en Design (CSS, sin código complejo) y se graba con QuickTime para tener el video. Sin editores de video, sin terminal.
Cmd + Shift + 5 en Mac) → mi .mp4 listo para redes. Cero terminal, cero código.Como hoy trabajamos con imágenes de referencia (no con sistema de diseño), reúne esto antes de gastar tokens en Design. Orden de fiabilidad: adjuntos (capturas, PDF, guía de marca) › texto pegado (HEX, tipografías, copy) › investigación › URLs.
Lo que pego junto a mi monitor. Cuatro listas que resuelven el 90% de los tropiezos.
Cuatro herramientas que hacen el rebote por ti. Viven en el chat de claude.ai: te entrevistan y te entregan el prompt pulido + los assets, listos para pegar en Design. Instálalas una vez y aplicas el método sin pensarlo.
landing-briefdeck-narrativacarrusel-iaassets-listosGrabar con QuickTime funciona, pero si quieres un MP4 perfecto, sin grabar pantalla (sin perder color ni frames, hasta en 4K), tienes dos rutas. La primera no necesita código.
Gratis · sin registro · <1 min → claude2video.com
La instalación es de una sola vez. Después: solo mover el proyecto + renderizar.