Armá tu sistema de marca con Claude Design en una tarde

Guía paso a paso para armar tu sistema de marca completo con Claude Design. Tiempo real: una tarde.

Qué vas a tener al final

Un sistema de marca completo, generado con Claude Design, listo para usar:

Logo con sus variantes
Paleta de colores con códigos
2 o 3 tipografías con jerarquía clara
Plantillas listas: firma de mail, propuesta en A4, presentación de 9 slides, posts para Instagram
Una skill que te permite, después, pedirle a Claude armame una propuesta para tal cliente y te la genera con tu marca aplicada sola

Tiempo real: una tarde (2 a 3 horas, contando que probablemente vas a iterar 1 o 2 veces).

Antes de empezar: las 4 cosas que tenés que tener pensadas

No hace falta que las tengas escritas. Pero sí pensadas. Si ya tenés diseñador o un manual viejo, mejor todavía.

A qué te dedicás. En una línea, en palabras simples.
A quién le hablás. Quién es tu cliente típico (rubro, edad, contexto).
Qué onda visual te gusta. Pensá en 2 o 3 marcas o cosas físicas que te gustan estéticamente. Ejemplos válidos: tipo revista en papel, estilo afiche viejo, minimal tipo Apple, elegante de farmacia europea. No hace falta tirar nombres raros.
Qué NO querés. Igual de importante. Ejemplos: nada de fondo negro futurista tipo app, cero tono millennial con colores chillones, nada que parezca consultora corporativa.

Si tenés logo, fotos, paleta o página web actual, también sirve. Claude Design los puede usar como punto de partida.

Paso 1 — Entrar a Claude Design

Abrí claude.ai.
En el panel izquierdo, buscá la sección Claude Design (o accedé desde el menú de funciones nuevas).
Apretá Crear nuevo proyecto o New Design System.

Tip: usá la cuenta paga (Pro o Team). Con el plan gratis vas a chocar contra el límite de uso en mitad del proceso.

Paso 2 — Completar el Design System

Esta es la parte que más se parece a rellenar un formulario, pero es donde se juega todo. Mientras más completes, mejor el resultado.

Lo que te va a pedir (no todo es obligatorio):

Nombre de la marca y descriptor corto.
Tu info básica: a qué te dedicás, a quién, qué onda visual te gusta, qué no querés (las 4 cosas de arriba).
Logo actual si tenés (lo podés subir como imagen).
Página web si tenés (le pasás la URL y la lee).
Paleta de colores si ya está definida.
Tipografías favoritas si tenés alguna en mente.
Referencias visuales: subí 2 o 3 imágenes de cosas que te gustan (capturas de páginas, fotos de revistas, lo que sea).

Si arrancás de cero, dejá los campos vacíos y poné todo el peso en las 4 cosas de antes de empezar. Claude Design tiene buen criterio si le das contexto claro.

Paso 3 — Pedirle que arme el sistema

Cuando termines de completar la info, Claude Design te va a proponer arrancar a generar. Pensá que va a tardar 60 a 90 segundos en darte la primera versión completa.

Vas a recibir:

Marca: monograma o wordmark con variantes
Paleta principal y secundaria, con códigos hex
Tipografías para títulos, cuerpo y datos
Plantillas funcionales (las que ya enumeramos arriba)
Reglas de uso: cuándo va color de acento, cómo combinar tipografías, qué evitar

Paso 4 — Iterar

La primera versión rara vez es la final. Mirala, identificá qué te gusta y qué no, y pedile cambios en lenguaje natural:

El logo me parece muy técnico, quiero algo más cálido tipo papel y tinta.
El color de acento es muy fuerte, bajalo a un tono más apagado.
No me gustan las tipografías sans, probá con algo más editorial.
Sacá la variante con el ícono geométrico, dejá solo el monograma.

Claude Design no rehace todo desde cero cuando le pedís un cambio. Actualiza el sistema entero de forma coherente: si cambiás el color de acento, te lo actualiza en todas las plantillas, en los posts de Instagram, en la firma de mail. Todo de una.

Paso 5 — Bajar el zip

Cuando estés conforme:

Buscá la tarjeta de descarga (te aparece arriba del chat cuando Claude Design ya tiene un sistema generado).
Click → se baja un .zip con todo el proyecto.
Adentro del zip vas a encontrar:
- assets/ con los archivos de logo en .svg
- colors_and_type.css con todas las variables de color y tipografía
- templates/ con las plantillas en HTML (firma, propuesta, guía)
- slides/ con la presentación de 9 plantillas
- ui_kits/ con los posts para Instagram en HTML
- SKILL.md ← este archivo es el más importante, viene en el paso 6

Paso 6 — Usarlo en propuestas reales

Acá está la parte que la mayoría no aprovecha. El sistema no es solo un manual PDF. Es una skill, o sea, algo que Claude puede ejecutar después en otros proyectos.

Tenés tres caminos según cómo trabajes:

Camino 1 — Claude Code (si programás o usás terminal)

# desde la carpeta de tu proyecto
mkdir -p .claude/skills
cd .claude/skills
unzip ~/Downloads/tu-design-system.zip -d tu-marca

Después en cualquier chat de Claude Code escribís:

Usá la skill tu-marca y armame una propuesta para [cliente] con estos puntos: [puntos]

Y te genera la propuesta con tu marca aplicada.

Camino 2 — Claude.ai (si trabajás desde el navegador)

En el proyecto donde vayas a armar la propuesta, abrí el menú de Import o Link.
Linkeá el proyecto donde está tu Design System (el de Claude Design).
En la conversación nueva escribís: Tengo el sistema de diseño linkeado. Generá una propuesta para [cliente] usando esos códigos visuales.

Camino 3 — Drag & drop (si solo querés piezas sueltas)

Abrís el archivo HTML que necesites (la firma de mail, una slide, una propuesta) en el navegador.
Para imprimir o exportar: Cmd+P → Guardar como PDF.
Para usar el logo en otro lado: agarrás el .svg de assets/ y lo arrastrás a Notion, Google Docs, Canva o donde sea.

Pedido tipo (copiá y pegá adaptando)

Usando la skill [nombre-tu-marca], generá una propuesta de presupuesto para
[nombre del cliente].

Contexto: tienen un equipo de [X] personas, su mayor fricción es [descripción].
Alcance: [diagnóstico de 14 días / implementación de 12 semanas / lo que sea].
Inversión estimada: USD [monto].

Devolveme el HTML listo para imprimir basado en la plantilla proposal-budget.html.

Errores comunes (lo que te va a pasar la primera vez)

Empezar sin pensar el qué NO querés. Sin el no Claude Design tiende a tirar algo seguro y promedio. El no es lo que mete personalidad.
Aceptar la primera versión. Casi siempre la segunda o tercera es mejor. Pedile cambios concretos.
No bajar el zip y solo guardar capturas. Si no bajás el zip, perdés la skill. Y la skill es el 80% del valor.
Tratar a Claude Design como Midjourney. No es un generador de imágenes sueltas. Es un sistema. Si le pedís un logo sin contexto, te tira algo genérico.

Lo honesto

Esto no reemplaza a un diseñador. Si tenés presupuesto, un diseñador profesional te va a hacer algo mejor pensado, con más alma, y va a sostener decisiones que Claude Design no puede sostener.

Lo que sí hace Claude Design:

Te da algo coherente y profesional en una tarde.
Te ahorra el primer mes de iteración de marca (que en una agencia se cobra mucho).
Te deja una skill ejecutable que vas a usar todos los meses para propuestas, slides, posts.

Para PyMEs sin presupuesto de diseño, o para arrancar mientras conseguís un diseñador, está perfecto. Para una marca que va a competir en estética con otras grandes, contratá diseñador.

Guía armada por Leonardo Montano · consultor de IA · @laiasinverso