v1.1 · Brand Story

Creativo Brief Studio

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…
diseño 1
1 · imagen
diseño 2
2 · color+forma+png+texto
diseño 3
3 · color+forma+png
diseño 4
4 · imagen+texto
diseño 5
5 · título+subtítulo
diseño 6
6 · icono+texto
diseño 7
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.
8 · Outputs a generar
Los 7 roles del Brain AI (siempre activos)
Cómo funciona
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 1xExport. 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.

Figma para principiantes — Video 1
Tutorial corto · lo básico de la interfaz
Ver en YouTube →
Figma para principiantes — Video 2
Tutorial corto · herramientas y paneles
Ver en YouTube →