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)

Helena by Enrich Labs

En tendencia

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)

Adobe for creativity

Idea, crea y produce con las herramientas profesionales de Adobe

Añadir Adobe for creativity 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)

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)