Figma ↔ motion kit
Los creadores diseñan mejor en Figma que con prompts. Mantén cada componente del kit reflejado como un board editable y permite que editen allí.
Configuración única
- Una página en su archivo de marca (ej. "Claude - Editable") con una sección por versión del kit ("Motion kit v1", "Vlog kit v1").
- Un board por componente al tamaño del cuadro del video, con copia real y cada capa nombrada.
- Colores y tipografía vinculados a variables (una colección "Motion": tinta, papel, acento/resaltador, grises; tamaños de fuente y rellenos como números) para que cambiar un color sea una sola edición.
- Usa el MCP de Figma (carga su skill
figma-useantes de escribir en el archivo). Registra la clave del archivo y la página en CLAUDE.md.
Cuando dicen "Cambié los boards"
- Lee las capas de cada board modificado: fuentes, pesos, tamaños, interlineados, rellenos, posiciones, qué variables usan, radio de esquinas, trazos.
- Traslada las diferencias a los componentes y a
brand.json(primero los tokens, el código de componentes solo para layout). - Renderiza vistas previas de los mismos componentes y compáralas lado a lado con los boards.
- Enumera lo que cambió ("título Light 120 → Regular 108, relleno 64 → 80, etiqueta ahora en mono mayúsculas").
Cuando el kit cambia en código
(por ejemplo, un layout de cuadro estrecho, una banda de seguridad para subtítulos) actualiza los boards correspondientes para que nunca se desvíen, o informa al creador qué boards están ahora desactualizados.
Gusto aprendido (pregunta a tu creador, estos son ejemplos)
Light/regular en tamaños grandes, nunca negrita pesada; monoespaciado light en mayúsculas para etiquetas; relleno de 80 px; mucho espacio; un movimiento suave por elemento; sin maquetas de dispositivos (aportan poco); prefiere superposiciones de texto y notas personales.