Claude Design

📋 Plan de estudio detallado

Lo que vas a aprender en cada capítulo del curso. Hacé click en cada uno para ver los sub-temas.

Programa de estudio

1. 1. 1. Interfaz, modelos y primer diseño

   Lección 1: Interfaz, modelos y primer diseño. Recorrido completo por Claude Design: Recents, Your Designs, Examples y Design System. Diferencia entre Prototype, Slide Deck, From Template y Other. Wireframe vs. high fidelity. Selección de modelo (Haiku / Sonnet / Opus) y consumo de tokens. Cierre con el primer proyecto real: el login de Sample Board.

   ~45 min

   not_started

2. 2. 2. Prompts e iteraciones

   Lección 2: Prompts e iteraciones. Cómo escribir prompts que marquen la diferencia entre un resultado normal y uno profesional. Aprovechar las preguntas guiadas de Claude Design (onboarding) e iterar sobre el diseño sin rehacerlo desde cero. Caso práctico: landing page de Sample Board partiendo de wireframe y llevándola a high fidelity.

   ~60 min

   not_started

3. 3. 3. Edit y Draw sobre el canvas

   Lección 3: Edit y Draw sobre el canvas. Cómo modificar el diseño directamente desde el lienzo sin escribir prompts largos: seleccionar bloques con Edit, dibujar instrucciones encima con Draw, mover y eliminar elementos. Ahorro real de tokens y flujo muy parecido a Figma pero con IA integrada.

   ~50 min

   not_started

4. 4. 4. Sketch y flujo visual con IA

   Lección 4: Sketch y flujo visual con IA. Diseñar a partir de un boceto en lugar de un prompt: panel New Sketch, dibujo de wireframes a mano alzada y conversión a high fidelity. Cambio de mentalidad: pensar primero la estructura y luego el detalle, como trabaja un diseñador profesional.

   ~50 min

   not_started

5. 5. 5. Uso de contexto: archivos, importaciones y design systems

   Lección 5: Uso de contexto. Cómo dar a Claude Design información real antes de diseñar: capturas de pantalla, código base, archivos de Figma y design systems. La diferencia entre un diseño genérico y uno verdaderamente alineado con tu marca.

   ~55 min

   not_started

6. 6. 6. Tweaks y edición avanzada

   Lección 6: Tweaks y edición avanzada. Crear controles dinámicos (sliders, perillas, selectores) sobre el diseño para ajustar en tiempo real tamaños, paletas, animaciones, márgenes y tipografías. La diferencia entre pedir un cambio y pedir un control que te permita explorar opciones.

   ~50 min

   not_started

7. 7. 7. Slide Deck: presentaciones con IA

   Lección 7: Slide Deck. Crear presentaciones tipo PowerPoint, Keynote o Google Slides desde Claude Design. Pitch para inversores, propuestas comerciales, formaciones y presentaciones de producto generadas con IA y notas del orador incluidas.

   ~45 min

   not_started

8. 8. 8. Templates y Other: plantillas reutilizables

   Lección 8: Templates y Other. Cómo crear nuestras propias plantillas reutilizables (a partir de un diseño existente o desde cero) y trabajar en modo libre con la pestaña Other para animaciones, micrositios, mini-apps y formatos no estándar.

   ~45 min

   not_started

9. 9. 9. Trabajo en equipo y gestión de costes

   Lección 9: Trabajo en equipo y gestión de costes. Múltiples chats por proyecto para mantener limpio el contexto, compartir diseños con clientes, sistema de comentarios, control de versiones y estrategia de tokens. Pasar de un flujo individual a un flujo profesional con clientes y equipo.

   ~50 min

   not_started

10. 10. 10. Exportación, handoff y paso a Claude Code

    Lección 10: Exportación, handoff y paso a Claude Code. Cierre del curso. Cómo exportar todo lo construido: ZIP del proyecto, PDF, PowerPoint, Canva, HTML standalone y, sobre todo, **Handoff to Claude Code** para llevar el diseño a producción como código real en local.

    ~40 min

    not_started