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.

Connettori correlati

Canva

Cerca, crea, compila automaticamente ed esporta design Canva

Aggiungi Canva in Claude (si apre in una nuova scheda)

Adobe

Progetta, combina e modifica con gli strumenti professionali di Adobe

Aggiungi Adobe in Claude (si apre in una nuova scheda)

monday.com

Gestione progetti e CRM monday.com per progetti, attività, portfolio, board, flussi di lavoro, milestone, dipendenze, moduli, dashboard, stato del portfolio cross-progetto e percorsi critici.

Aggiungi monday.com in Claude (si apre in una nuova scheda)

Helena by Enrich Labs

Il tuo agente IA per il marketing: annunci a pagamento, SEO, email, social e analytics.

Aggiungi Helena by Enrich Labs in Claude (si apre in una nuova scheda)

Miro

Accedi ai board Miro e crea nuovi contenuti

Aggiungi Miro in Claude (si apre in una nuova scheda)

Dropbox

Cerca, organizza e gestisci i contenuti di Dropbox

Aggiungi Dropbox in Claude (si apre in una nuova scheda)