Herramienta de Claude para crear visualmente con lenguaje natural: webs, interfaces, paneles, presentaciones y vídeos animados, sin instalar software ni escribir código.

Design no genera imágenes: construye productos visuales escribiendo el código por ti. Para una foto realista, un modelo generativo de imagen.

Los lenguajes con los que se construye casi toda la web. HTML es la estructura; CSS, la apariencia; JavaScript, el comportamiento.

Boceto inicial en blanco y negro, centrado en la estructura y la organización. Útil para pensar la idea antes del diseño visual.

Resultado completo, cercano al final: con colores, tipografías, animaciones y apariencia real. Listo para enseñar o seguir desarrollando.

Resultado funcional con elementos que responden (botones, navegación). La combinación recomendada es High fidelity + Prototipo interactivo.

Zona donde aportas referencias antes de crear: imágenes, un Design System, archivos de Figma o el código de una web de inspiración.

La zona donde aparece lo que Claude crea. Visualizas el resultado en vivo, también a pantalla completa.

El espacio de conversación: describes lo que quieres, pides cambios y refinas. El diseño se construye conversando, no rellenando un formulario.

La identidad visual del proyecto: colores, tipografías, logos y componentes de marca. Se guarda una vez y se reutiliza para mantener coherencia.

Modo que orienta el tipo de resultado: vídeo animado, prototipo, presentación, wireframe o una exportación concreta (PPTX, PDF, HTML).

Un «rotulador digital»: haces clic o dibujas sobre el diseño para señalar exactamente qué debe cambiar Claude, sin describirlo con palabras.

Cambios directos a mano sobre el diseño: editar texto, mover elementos o ajustar pequeños detalles sin lanzar un nuevo prompt.

Ajustes visuales mediante controles: cambiar paletas de color, tipografías o espaciado, sin escribir prompts.

Comentarios anclados a partes concretas del diseño, para revisar en equipo o dejarte notas a ti mismo.

Transferir el diseño (el frontend) a Claude Code para añadirle el backend: lógica, usuarios o base de datos, hasta una app completa.