Plugin Figma per Claude

Importa o carica file HTML locali o di progetto in Figma, scegli frame di Design modificabili, Code Layer eseguibili o Code standalone (noti anche come Make), e ripara le anteprime importate. Da usare solo quando l'utente nomina esplicitamente…

Usa sempre questa skill quando l'utente vuole creare un nuovo file Figma Design, FigJam o Slides. DEVI invocare questa skill PRIMA di ogni chiamata allo strumento `create_new_file`.

**Prerequisito OBBLIGATORIO**: DEVI invocare questa skill PRIMA di chiamare lo strumento MCP Figma `get_design_context`. DEVI attivarla ogni volta che l'utente vuole implementare, costruire, portare o programmare un design Figma…

Usa questa skill insieme a figma-use quando il compito consiste nel tradurre una pagina, una vista o un layout multi-sezione di un'applicazione in Figma. Trigger: 'scrivi in Figma', 'crea in Figma dal codice', 'invia la pagina a Figma', 'prendi…

**Prerequisito OBBLIGATORIO**: carica questa skill PRIMA di OGNI chiamata allo strumento `generate_diagram`. NON chiamare MAI `generate_diagram` direttamente senza aver prima caricato questa skill. Attivala ogni volta che l'utente chiede di creare, generare, disegnare, re…

Crea o aggiorna un design system di livello professionale in Figma a partire da una codebase. Da usare quando l'utente vuole creare variabili/token, costruire librerie di componenti, creare singoli componenti con variant set appropriati e var…

**Prerequisito OBBLIGATORIO**: carica questa skill prima di chiamare `create_generative_plugin` o `update_generative_plugin`. Da usare quando l'utente chiede di creare, scrivere, modificare, correggere o estendere un plugin generativo Figma riutilizzabile.

Traduce motion e animazioni Figma in codice applicativo pronto per la produzione. Da usare quando si implementa animazione o motion da un design Figma: l'utente menziona “implementa questo motion”, “aggiungi animazione da Figma”, “anima t…

**Prerequisito OBBLIGATORIO**: carica questa skill prima di chiamare `create_shader` o `update_shader`. Da usare quando l'utente chiede di creare, scrivere, modificare, correggere o iterare un effetto shader, un fill shader, un effetto personalizzato o un custom…

Questa skill è necessaria per creare, leggere, modificare, rivedere o commentare specifiche Figma. Devi leggerla quando lavori a un PRD, un brief, un RFC o qualsiasi tipo di documento, sia in una specifica Figma autonoma sia in una specifica Figma incorporata in…

Traduzione SwiftUI ↔ Figma. Da usare ogni volta che l'utente menziona Swift, SwiftUI, iOS, iPhone o iPad, in ENTRAMBE le direzioni: per tradurre un design Figma in SwiftUI (design → codice) o per inviare viste e schermate SwiftUI a Figma…

**Prerequisito OBBLIGATORIO**: DEVI invocare questa skill PRIMA di OGNI chiamata allo strumento MCP `use_figma`. NON chiamare MAI `use_figma` direttamente senza aver prima caricato questa skill. Saltarla causa errori comuni e difficili da debuggare. Attivala…

Questa skill aiuta gli agenti a usare lo strumento MCP `use_figma` di Figma nel contesto di FigJam. Può essere usata insieme a figma-use, che contiene il contesto di base per lo strumento use_figma.

Contesto su motion e animazioni per lo strumento MCP `use_figma`: animazione di nodi Figma tramite keyframe manuali, stili di animazione, easing e durata della timeline. Da caricare insieme a figma-use ogni volta che un compito prevede di aggiungere, modificare…

Questa skill aiuta gli agenti a usare lo strumento MCP `use_figma` di Figma nel contesto di Slides. Può essere usata insieme a figma-use, che contiene il contesto di base per lo strumento use_figma.