Figma

Genera diagrammi e codice migliore dal contesto di Figma

Play video

Importa il contesto da Figma e genera codice di alta qualità in linea con la tua codebase e con il tuo intento di progettazione. Usa il connettore per recuperare le risorse di codice da Figma Design o dai file Make, trasforma le tue idee in app pronte per la produzione e visualizza i flussi come diagrammi in FigJam.

Puoi utilizzare Figma in Claude per:

Mappare i flussi con i diagrammi:
Trasforma i prompt in diagrammi di flusso, diagrammi di Gantt o diagrammi in FigJam

Implementare design come siti web:
"Aiutami a implementare il mio design Figma come sito web in HTML e CSS"

Generare codice dalle selezioni con annotazioni:
"Ottieni il codice dalla selezione di Figma e tieni conto delle mie annotazioni"

Identificare eventuali problemi nelle variabili:
"Ottieni le variabili utilizzate nella mia selezione di Figma e dimmi se ci sono problemi"

Implementare i componenti seguendo gli standard della codebase:
"Aiutami a recuperare il comportamento della navbar dal mio file Figma Make e implementalo seguendo gli standard della mia codebase"

Skills
Componenti di Code Connect
Riproduci video

Collega i componenti di progettazione Figma ai componenti di codice utilizzando Code Connect.

Scopri di più
Next
Skills
Crea regole per il Design System

Crea regole personalizzate per il Design System della codebase dell'utente.

Scopri di più
Next
Skills
Implementa il design

Trasforma i design Figma in codice pronto per la produzione con una fedeltà visiva pari a 1:1.

Scopri di più
Next
Skills
Skills di Figma in Claude Code

Accedi alle Skills di Figma nella directory dei plugin di Claude Code.

Scopri di più
Next
Precedente
Next