Casi Ningún Equipo de Figma Sabe Que Puede Enseñarle Sus Propias Reglas al Agente de Diseño
El Agente de Diseño de Figma ahora puede aprender las convenciones de tu equipo como Skills reutilizables, aplicando tus escalas de espaciado, reglas de nombres y estándares de componentes automáticamente en vez de que se los expliques cada vez.
01. Qué Es
El Agente de Diseño de Figma (actualmente en beta abierta) se puede ampliar con Skills personalizadas: archivos Markdown que empaquetan un flujo de trabajo repetible en instrucciones reutilizables que el agente sigue. En lugar de escribir los mismos estándares de diseño en cada prompt, los redactas una vez, los subes y los invocas con un comando de barra como /nombre-skill.
Las Skills siguen la especificación Agent Skills, así que un solo archivo .md puede describir cómo tu equipo nombra las capas, qué escala de espaciado usar, cómo estructurar componentes o de qué biblioteca tomar elementos. Una vez agregada, el agente aplica ese conocimiento de forma consistente entre ejecuciones y proyectos, convirtiendo una IA genérica en una IA que conoce a tu equipo.
Más allá de las convenciones de diseño, las Skills pueden usar conectores MCP para traer contexto en vivo desde herramientas externas como Notion, Slack, GitHub, Asana, Hex y Atlassian. Las mismas Skills también funcionan en Figma Make y con herramientas de código conectadas por MCP como Claude Code, Cursor y Codex, de modo que tus convenciones viajan contigo.
Por Qué Importa
La consistencia de diseño suele depender de que las personas recuerden las reglas, o de detectar errores en la revisión. Las Skills integran esas reglas en el propio agente, así el espaciado, los nombres y el uso de componentes se mantienen consistentes sin repetir prompts. Publica una Skill para tu equipo u organización y el agente de todos se comporta igual, reduciendo ciclos de revisión y tiempo de incorporación. Durante la beta abierta el agente es gratuito y no consume créditos de IA.
Quién Puede Beneficiarse
- Equipos de design system que quieren que las convenciones se apliquen solas en lugar de vigilarlas manualmente
- Líderes de diseño que incorporan a nuevos integrantes y necesitan que los estándares se apliquen desde el primer día
- Equipos de producto que manejan varios proyectos que deben compartir un lenguaje visual consistente
- Diseñadores que conectan con código mediante herramientas MCP como Claude Code, Cursor o Codex
02. Guía Paso a Paso
- 1
Escribe tu Skill como archivo Markdown
Crea un archivo .md que describa un flujo de trabajo repetible—por ejemplo, tu escala de espaciado, tus convenciones de nombres de capas o cómo construir un componente de tarjeta. Mantenlo claro e instructivo, ya que el agente lo lee como guía.
- 2
Abre un chat con el Agente de Diseño
En Figma Design, inicia un chat con el agente y haz clic en el cuadro de prompt donde normalmente escribirías tu solicitud.
- 3
Agrega la skill
Selecciona Skills > Add skill, y luego arrastra tu archivo de Skill o haz clic en Upload a file y elige tu archivo Markdown (.md).
- 4
Revisa los detalles
Confirma el nombre, la descripción y el contenido que el agente extrajo del archivo para saber exactamente qué comportamiento seguirá.
- 5
Invócala con un comando de barra
En cualquier prompt, escribe /nombre-skill para activar la Skill. El agente aplica tus instrucciones empaquetadas y mantiene resultados consistentes entre ejecuciones.
- 6
Publícala para todo el equipo
Publica la Skill para tu equipo u organización para que el agente de todos use las mismas convenciones automáticamente.
Consejos Pro
- Mantén cada Skill enfocada en un solo flujo de trabajo—las Skills modulares son más fáciles de reutilizar y combinar que un archivo enorme que lo hace todo.
- Usa conectores MCP dentro de las Skills para traer contexto en vivo desde Notion, Slack, GitHub, Asana, Hex o Atlassian en lugar de pegarlo manualmente.
- Las mismas Skills funcionan en Figma Make y con herramientas de código conectadas por MCP como Claude Code, Cursor y Codex—escríbelas una vez y úsalas en todo tu stack.
- Publica las Skills ya probadas en la organización para que los nuevos integrantes hereden tus estándares desde el primer día.
Advertencias y Limitaciones
- Las Skills personalizadas requieren un plan de pago (Professional, Organization o Enterprise). Los usuarios con asiento Full pueden usarlas en Figma Design; los asientos View/Dev/Collab se limitan a archivos Draft.
- Al subirlas a Figma Design, las Skills personalizadas no admiten directorios opcionales como scripts/, references/ y assets/—esto difiere de la implementación del servidor MCP.
- El agente de Figma está en beta abierta y es gratuito durante la beta sin consumir créditos de IA, pero pasará a un precio basado en uso tras su disponibilidad general.
- Las Skills solo aceptan archivos Markdown (.md) que sigan la especificación Agent Skills.
Trucos Relacionados
Casi ningún diseñador sabe que Figma Motion convierte la animación en un token reutilizable del sistema
Anima un componente una sola vez y ese movimiento viaja a cada instancia, cada pantalla y el archivo de cada compañero—igual que ya lo hacen el color y la tipografía.
Casi ningún diseñador sabe que el Agente de IA de Figma puede crear varias versiones de UI a la vez
En lugar de diseñar cada variante a mano, el nuevo Agente de IA de Figma puede generar varias direcciones de estilo en paralelo y alinearlas lado a lado en el mismo archivo para compararlas al instante.
Casi Ningún Desarrollador Sabe que Claude Code Puede Enviar una Interfaz en Vivo Directo a Figma
Construye una interfaz en código, escribe una sola frase y mírala aparecer en Figma como capas editables nativas: sin capturas de pantalla ni copiar y pegar.