Figma
Genera diagrammi e codice di qualità a partire dal contesto Figma
Aggiungi a Claude (opens in new tab)Il server MCP di Figma permette di importare il contesto Figma e generare codice di alta qualità, allineato alla codebase e alle intenzioni di design. Usa il server MCP per recuperare risorse di codice da file Figma Design o Make e trasformare le tue idee in app pronte per la produzione.
**Funzionalità principali:**
• **Genera codice da frame o nodi selezionati** - Seleziona un frame in Figma o fornisci l'URL di un nodo per far trasformare il design in codice a un agente IA.
• **Estrai il contesto di design dai layer** - Recupera variabili, componenti e layout da un design per garantire che le build rispettino i pattern progettuali.
• **Scrivi codice in modo più intelligente con Code Connect** - Migliora la qualità dell'output riutilizzando i componenti esistenti: il server MCP informa gli agenti IA sui componenti disponibili, derivati dalle informazioni di Code Connect.
• **Visualizza i flussi con i diagrammi** - Il server MCP di Figma può trasformare i prompt Claude in diagrammi di flusso, diagrammi di Gantt o altri tipi di diagrammi in FigJam.
**Nota:** lo strumento get_screenshot restituisce attualmente solo una descrizione degli screenshot di Figma quando viene chiamato in Claude e Claude Code. Consulta i termini per sviluppatori [qui](https://www.figma.com/legal/developer-terms/)
Strumenti
- 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 connettori di sviluppatori di cui ti fidi. Anthropic non controlla gli strumenti che gli sviluppatori rendono disponibili e non può garantire che funzionino come previsto o che non vengano modificati.


