4.3 Comparte y exporta

Información
⏱ Duración: ~25 min · 🎯 Objetivo: compartir el prototipo con tu equipo, exportarlo al formato que necesita el comité y entregarlo a Claude Code, la herramienta que dominaste en la Semana 3.

Un prototipo pulido no sirve si se queda en tu pantalla. Claude Design te da tres salidas: compartir, exportar y —el cierre perfecto de este track— entregar a Claude Code.

Paso 1 — Comparte con tu equipo

La colaboración es org-scoped: eliges el nivel de acceso por prototipo.

  • Privado — solo tú.
  • Ver por link — cualquiera con el enlace ve el prototipo.
  • Editar con conversación de grupo — tu equipo edita e itera contigo.
Consejo
Para revisión ejecutiva, “ver por link” suele bastar: el comité navega el prototipo sin poder alterarlo.

Paso 2 — Exporta al formato del comité

Claude Design exporta a destinos verificados. Elige según a dónde va:

Destino Cuándo usarlo
URL interna Compartir dentro de la organización
Carpeta Guardar los archivos del proyecto
PPTX Llevarlo a un deck de comité
PDF One-pager o distribución final
Canva Seguir editando en diseño
HTML standalone Publicar o incrustar la landing 
Exporta este prototipo como PPTX para el comité del lunes y,
por separado, como HTML standalone para el equipo de marketing.

Paso 3 — El puente: del handoff bundle a Claude Code

Aquí se cierra el círculo con la Sesión 3. En vez de que un desarrollador reconstruya tu diseño a mano, el flujo real usa dos apps: primero generas el bundle en Design (web), luego lo abres en Claude Code (Desktop). No lo construye una herramienta mágica — lo entregas a Claude Code, la herramienta que dominaste en la Semana 3.

Paso A — En Claude Design (web): genera el handoff bundle

En palabras oficiales: “Claude packages everything into a handoff bundle”. Desde el prototipo, pídele a Design que exporte el bundle y descárgalo (o expórtalo a una carpeta).

Empaqueta este prototipo en un handoff bundle para Claude Code:
incluye los assets, los tokens de diseño y las notas de layout.

Paso B — En Claude Code (Desktop): ábrelo y da UNA instrucción

Abre Claude Code en el Desktop, abre la carpeta del proyecto de la Semana 3, adjunta el bundle que descargaste y da una sola instrucción para implementarlo. Revisa cada cambio con el diff en modo Manual.

Adjunto el handoff bundle de Claude Design. Implementa este
prototipo como una página funcional en la carpeta del proyecto,
respetando los tokens y assets del bundle. Revisaré cada cambio.

✅ Checkpoint

  • Compartiste el prototipo con un nivel de acceso elegido (privado / link / edición).
  • Exportaste al menos un formato (Canva, PDF, PPTX o HTML standalone).
  • Generaste el handoff bundle en Design y lo abriste en Claude Code (Desktop) con la instrucción dada.
¿Te quedó claro? — 2 preguntas
  1. ¿A qué formatos exporta Claude Design? → URL interna, carpeta, Canva, PDF, PPTX o HTML standalone.
  2. ¿Cómo conecta Design con Claude Code? → Empaqueta todo en un handoff bundle que pasas a Claude Code con una sola instrucción para implementarlo.