Agentes de IA editan Figma: servidor MCP en beta

Agentes de IA en Figma: De la lectura de maquetas a la creación autónoma de diseños

La versión beta del servidor MCP actualizado de Figma amplía las capacidades de los agentes de IA. Ahora no solo analizan archivos de diseño, sino que también crean nuevos elementos en el lienzo utilizando componentes, variables y tokens del sistema de diseño. La funcionalidad está disponible de forma gratuita durante el período beta, con una monetización planificada mediante un modelo de pago por uso.

Anteriormente, el servidor MCP se limitaba a leer datos de las maquetas para la generación posterior de código. La nueva API use_figma permite a los agentes editar el lienzo directamente: el agente carga la biblioteca de componentes del equipo y construye maquetas basadas en ella. Complementando esto está la herramienta generate_figma_design, que convierte HTML en capas editables de Figma.

Habilidades como directrices de diseño ejecutables

El mecanismo clave son las habilidades: instrucciones en markdown que definen el comportamiento del agente. Especifican la secuencia de pasos, reglas para trabajar con elementos y el cumplimiento de las convenciones del equipo. Las habilidades convierten directrices estáticas en código ejecutable por IA.

Cualquier especialista en Figma puede crear una habilidad. Figma proporciona la básica /figma-use y ejemplos de la comunidad. Un ejemplo de habilidad básica podría verse así:

# /figma-use skill
1. Zagruzit biblioteku komponentov.
2. Withzdat frame with auto layout.
3. Razmestit komponenty by setke.
4. Primenit peremennye for tsvetov and tipografiki.
5. Proverit on sootvetstvie tokenam.

Esto asegura la consistencia del diseño sin intervención manual.

Mecanismo de autocorrección para iteraciones precisas

Los agentes implementan un bucle de autocorrección: generan una pantalla, crean una captura de pantalla, la comparan con la referencia y realizan ajustes. Dado que el trabajo utiliza estructuras nativas de Figma (componentes, auto layout, variables), los cambios se propagan por todo el sistema en lugar de limitarse a ediciones raster.

Ventajas del enfoque:

• Sistemático: las ediciones actualizan todo el sistema de diseño.
• Iterativo: el agente corrige hasta que se cumplan los criterios.
• Integración: utiliza bibliotecas existentes sin importar activos externos.
• Escalabilidad: adecuado para generar múltiples pantallas.

Integraciones y accesibilidad del servidor MCP

El servidor MCP está integrado en entornos de desarrollo populares:

• Claude Code.
• OpenAI Codex.
• Cursor.
• Copilot CLI.
• VS Code y otros.

Esta es la tercera gran integración de IA de Figma en las últimas semanas: Claude Code en febrero, Codex en marzo. El lienzo de Figma está evolucionando de una herramienta de diseño a una plataforma colaborativa para humanos y agentes.

Los desarrolladores de nivel medio/senior pueden comenzar a probar de inmediato: conectar el servidor MCP, escribir una habilidad y ejecutar el agente en un proyecto real. Los requisitos son mínimos: una cuenta de Figma con acceso a bibliotecas.

Puntos clave

• Expansión de la API: use_figma permite a la IA crear y editar elementos nativos de Figma.
• Habilidades en Markdown: convierten directrices en código ejecutable para un diseño consistente.
• Autocorrección: ediciones iterativas a nivel de estructura, no píxeles.
• Integraciones: conexiones listas a Claude Code, Codex, Cursor e IDEs.
• Evolución del lienzo: trabajo colaborativo entre diseñadores y agentes de IA.

— Editorial Team