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

Canva

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

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

Adobe

Idea, crea y produce con las herramientas profesionales de Adobe

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

monday.com

Gestión de proyectos y CRM de monday.com para proyectos, tareas, portfolios, tableros, flujos de trabajo, hitos, dependencias, formularios, paneles, estado del portfolio entre proyectos y rutas críticas.

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

Helena by Enrich Labs

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)

Miro

Accede y crea contenido nuevo en tableros de Miro

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

Dropbox

Busca, organiza y gestiona el contenido de tu Dropbox

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