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.

Conectores relacionados

Busca, crea, rellena automáticamente y exporta diseños de Canva

Añadir Canva en Claude (se abre en una pestaña nueva)

Tu agente de marketing IA para anuncios de pago, SEO, email, redes sociales y analítica.

Añadir Helena by Enrich Labs en Claude (se abre en una pestaña nueva)

Idea, crea y produce con las herramientas profesionales de Adobe

Añadir Adobe for creativity en Claude (se abre en una pestaña nueva)

Gestiona proyectos, tareas, portfolios, tableros, flujos de trabajo, hitos, dependencias, formularios y paneles con la gestión de proyectos y CRM de monday.com.

Añadir monday.com en Claude (se abre en una pestaña nueva)

Accede y crea contenido nuevo en tableros de Miro

Añadir Miro en Claude (se abre en una pestaña nueva)

Un asistente de IA que convierte formularios en conversaciones

Añadir Perspective AI en Claude (se abre en una pestaña nueva)