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)

Helena by Enrich Labs

Di tendenza

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)

Adobe for creativity

Idea, crea e distribuisce con gli strumenti professionali Adobe

Aggiungi Adobe for creativity 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)

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)