Figma
Genera diagramas y código de mayor calidad a partir del contexto de Figma
Añadir a Claude (opens in new tab)El servidor MCP de Figma te permite incorporar el contexto de Figma y generar código de alta calidad alineado con tu base de código y la intención de diseño. Utiliza el servidor MCP para recuperar recursos de código desde archivos de Figma Design o Make, y convierte tus ideas en aplicaciones listas para producción.
**Funciones principales:**
• **Generar código a partir de frames o nodos seleccionados** - Selecciona un frame en Figma o proporciona la URL de un nodo para que un agente de IA convierta tu diseño en código.
• **Extraer contexto de diseño desde capas** - Obtén variables, componentes y layouts de un diseño para garantizar que las construcciones respeten los patrones de diseño.
• **Programar de forma más inteligente con Code Connect** - Mejora la calidad del resultado reutilizando tus componentes reales; el servidor MCP informa a los agentes de IA sobre los componentes existentes derivados de la información de Code Connect.
• **Organiza tus flujos con diagramas** - El servidor MCP de Figma puede convertir tus indicaciones en Claude en diagramas de flujo, diagramas de Gantt u otros tipos de diagramas en FigJam.
**Nota:** La herramienta get_screenshot está actualmente limitada a devolver una descripción de las capturas de pantalla en Figma cuando se invoca en Claude y Claude Code. Consulta los términos para desarrolladores [aquí](https://www.figma.com/legal/developer-terms/)
Herramientas
- generate_diagram
- get_design_context
- get_screenshot
- get_metadata
- create_design_system_rules
- get_variable_defs
- get_code_connect_map
- get_figjam
- whoami
Usa solo conectores de desarrolladores en los que confíes. Anthropic no controla qué herramientas ponen a disposición los desarrolladores y no puede verificar que funcionen según lo previsto ni que no vayan a cambiar.