4.1 Tu sistema de diseño

Información
⏱ Duración: ~25 min · 🎯 Objetivo: entender qué es Claude Design y configurar el sistema de diseño de Elektra antes de generar un solo prototipo.

Claude Design es, en palabras oficiales, “a new Anthropic Labs product… polished visual work like designs, prototypes, slides, one-pagers”. Vive en la web, en claude.ai/design, y está en research preview para Pro, Max, Team y Enterprise. Pero antes de pedirle nada, hay un paso que decide la calidad de todo lo demás: enséñale tu marca.

Por qué el sistema de diseño va primero

Durante el onboarding, “Claude builds a design system for your team by reading your codebase and design files… every project after that uses your colors, typography, and components automatically”. La recomendación oficial de Anthropic es explícita:

Aviso
Encender Claude Design sin un sistema de diseño en su lugar significa que tu equipo obtendrá output “functional but generic”. Configúralo antes del rollout — no después.

Paso 1 — Abre Claude Design

Entra a claude.ai/design con tu cuenta de plan pagado. Si eres Enterprise y no lo ves, está apagado por defecto: el administrador lo enciende en Organization settings > Capabilities > Anthropic Labs.

Consejo
En Enterprise, quien publica, fija por defecto o borra sistemas de diseño se controla con el permiso Claude Design Admin (rol personalizado). Pídeselo a tu administrador si vas a gestionar el sistema del equipo.

Paso 2 — Alimenta tu marca

Sube los assets de Elektra del zip para que Claude aprenda tu identidad visual. Están todos en la carpeta design/ del zip — sube estos tres:

  • design/paleta-elektra.docx — colores hex, tipografía y tono visual.
  • design/logo-elektra.png — el logo de Elektra en mapa de bits.
  • design/logo-elektra.svg — el mismo logo en vectorial (escalable, ideal para el sistema de diseño).
Consejo
Claude Design también puede leer una base de código o capturar elementos directo de un sitio web. Para este ejercicio basta con el brief y la paleta del zip.

Paso 3 — Confirma que el sistema quedó

Una vez procesados los assets, Claude arma el sistema de diseño de tu equipo. A partir de ahí, cada proyecto reutiliza tus colores, tipografía y componentes automáticamente — sin que los repitas.

✅ Checkpoint

  • Tienes acceso a claude.ai/design (o tu administrador lo habilitó en Anthropic Labs).
  • Cargaste paleta-elektra.docx y el logo (.png + .svg); existe un sistema de diseño activo para tu equipo.
¿Te quedó claro? — 2 preguntas
  1. ¿Por qué configurar el sistema de diseño antes de generar prototipos? → Porque sin él el output es “functional but generic”; con él, cada proyecto reutiliza tu marca (colores, tipografía, componentes) automáticamente.
  2. En Enterprise, ¿dónde se habilita Claude Design? → Está apagado por defecto; el administrador lo enciende en Organization settings > Capabilities > Anthropic Labs.