Completa el formulario y obtén un brief listo para producir tu Brand Story en Figma.
1 · Perfil de marca
2 · Historia y contenido
Suma lo que sepas de la marca (escrito o dictado por voz) para enriquecer los copies.
3 · Imágenes (Google Drive)
Sube las imágenes de la marca a una carpeta de Drive, compártela como "Cualquier persona con el enlace · Lector" y pega el link aquí.
También puedes pegar links de archivos individuales (formato .../file/d/FILE_ID/view). Nombres esperados de los archivos: logo.png, fondo.jpg, producto1.jpg, producto2.jpg…
4 · Tema de cada tarjeta
Arrastra para reordenar o haz clic en el nombre o la descripción para editarlos, esto guía los copies que se generan para cada imagen.
Define el layout de la última tarjeta: 4 cuadrantes con imágenes de producto (o CTA si hay pocos).
01
Portada
Fondo + logo + tagline
02
Origen
De dónde viene la marca
03
Misión / valores
Qué representa
04
Por qué nosotros
1–2 diferenciadores
05
Lifestyle
Imagen emocional + línea
06
Calidad / origen
Materiales, sourcing
07
Confianza
Badges, garantías
08
Explora productos
ASINs de cross-sell
09
Productos (4 cuadrantes)
4 imágenes de producto · o CTA si hay pocos
5 · Diseño del background (2000×854)
Define cómo se ve la tarjeta de fondo (el artboard 2000×854 de la Brand Story).
Se usa en el fondo (y donde aplique). Si lo dejas vacío, Claude propone uno acorde a la marca.
"Fondo de imagen": sube la imagen al Drive (fondo.jpg / background.jpg). Si falta, Figma deja un SLOT placeholder.
6 · Diseño de las tarjetas (opcional)
Elige el diseño de tus tarjetas arrastrando un diseño o un elemento a la tarjeta gris/vacía de abajo (o toca el elemento y luego la tarjeta). Actívalo con el switch. Si lo dejas apagado, deberás elegir un estilo gráfico en la sección 7.
Elegir estilos (sección 7)Elegir diseño por tarjeta
Arrastra un diseño completo a una tarjeta de abajo…
1 · imagen
2 · color+forma+png+texto
3 · color+forma+png
4 · imagen+texto
5 · título+subtítulo
6 · icono+texto
7 · texto+2 png
…o arrastra elementos sueltos a cada tarjeta. Los colores y tipografías se ajustan a los de la marca; los iconos y .png/.svg salen de la carpeta de Drive (si falta alguno, Figma deja un placeholder que después reemplazas). La tipografía puede mezclarse en una misma frase.
Forma (.svg)
AaTítulo
aaSubtítulo
Icono
Imagen sin fondo (.png)
Fondo primario
Fondo secundario
Fondo blanco
Imagen de fondo
Tus tarjetas (se sincronizan con la sección 4). Arrastra aquí el diseño o los elementos:
7 · Estilo gráfico del diseño (para evitar un look genérico)
Elige uno o varios estilos visuales de referencia.
Define el concepto: que las 9 tarjetas cuenten una sola historia y no se vean genéricas
🛡️
La voz de la marca
Revisa que todo suene a la marca: sus colores, su tono y sus palabras
🏪
Las reglas de Amazon
Checa que nada rompa las políticas: sin superlativos, precios ni promociones
✍️
El copy
Escribe frases cortas que se entienden a la primera y caben en la tarjeta
🎨
El diseño
Cuida la composición: jerarquía, espacios, contraste y que se vea premium
🔍
Control de calidad
El último ojo antes de entregar: tamaños, alineación y legibilidad en celular
📈
La conversión
Revisa que cada tarjeta detenga el scroll y empuje a la compra
Cómo funciona
PASO 1
Crea tu carpeta en Drive con los assets y obtén el link
Llena la carpeta con logo, fotos y recursos propiamente nombrados. Después comparte el link como “Cualquiera con el link - Lector”.
PASO 2
Inicia sesión en Figma y activa el conector en Claude
Inicia sesión con la cuenta de accelerator en Figma y también activa el conector de Figma en Claude: Claude app → Ajustes → Conectores → Busca Figma → Da click en conectar.
PASO 3
Llena el brief
Llena el brief con la info de la marca y elige el estilo o el diseño de las tarjetas y el fondo de tu brand story.
PASO 4
Copia el brief usando el skill /studio-brain-brandstory-figma
Al final, el formulario genera un brief, cópialo y abre un chat en Claude usando Cowork, activa el skill escribiendo /studio y seleccionando el /studio-brain-brandstory-figma, pega el brief y enter.
PASO 5
Revisa que Claude esté funcionando y espera
Verifica que Claude esté ejecutando el skill correctamente y espera mientras genera tu Brand Story.
PASO 6
Mira tu Brand Story aparecer en Figma
Ve a la app de Figma en tu escritorio o en la web, ve a Borradores o Drafts y abre tu brand story, edítalo si es necesario y después exporta todas las imágenes manualmente, o puedes regresar al chat de Claude y decirle que los exporte Claude.
Post-producción
Tips para Figma
Abre siempre el archivo en la app de escritorio de Figma: es el único lugar donde existen las fuentes instaladas en tu computadora.
Tips & trucos de post-edición
1Corregir una fuente equivocada (lo más común)
Abre el archivo en la app de escritorio. Clic en un espacio vacío → en el panel derecho edita los estilos Brand/Title, Brand/Subtitle y Brand/Body: cambia la fuente una vez por estilo y todo el texto se actualiza.
2Cambiar un color de marca en todo el diseño
Clic en un espacio vacío → edita un estilo de color (Brand/Primary, Brand/Accent…) y todo lo vinculado se recolorea. No afecta fuentes ni tamaños.
3Reemplazar una imagen
Selecciona la capa SLOT_… → en Fill haz clic en la miniatura → Choose image y elige tu archivo. Usa Fit para logos y productos, Fill para fondos.
4Reencuadrar o recortar una imagen dentro de su marco
Doble clic en la imagen y arrástrala para reencuadrarla dentro del marco. Útil cuando una cara o un producto queda cortado.
5Un recuadro gris = una imagen faltante
Es una imagen que faltó en Drive. Agrégala o renómbrala en la carpeta, o suéltala sobre el placeholder con el truco del Fill (tip 3).
6Revisa las notas de compliance antes de publicar
Revisa el documento de copy: cambia superlativos (“#1”), claims médicos, precios y menciones a competidores por las alternativas sugeridas, o Amazon puede rechazarla.
7Exportar tú mismo (opcional)
Selecciona un frame → panel Export → agrega PNG a 1x → Export. Los frames ya están al tamaño exacto.
Aprende lo básico de Figma en 2 videos
Dos tutoriales cortos para entender la interfaz de Figma antes de empezar a editar.