Traduce i progetti Figma in codice pronto per la produzione con fedeltà visiva 1:1. Utilizzare quando si implementa l'interfaccia utente dai file Figma, quando l'utente menziona "implementa progettazione", "genera codice", "implementa componente", "crea progettazione Figma", fornisce URL Figma o chiede di creare componenti corrispondenti alle specifiche Figma. Richiede la connessione al server Figma MCP.
Installa rapidamente la skill AI implement-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: figma/mcp-server-guide.
This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.
When the user provides a Figma URL, extract the file key and node ID to pass as arguments to MCP tools.
Note: When using the local desktop MCP (figma-desktop), fileKey is not passed as a parameter to tool calls. The server automatically uses the currently open file, so only nodeId is needed.
Traduce i progetti Figma in codice pronto per la produzione con fedeltà visiva 1:1. Utilizzare quando si implementa l'interfaccia utente dai file Figma, quando l'utente menziona "implementa progettazione", "genera codice", "implementa componente", "crea progettazione Figma", fornisce URL Figma o chiede di creare componenti corrispondenti alle specifiche Figma. Richiede la connessione al server Figma MCP. Fonte: figma/mcp-server-guide.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/figma/mcp-server-guide --skill implement-designTraduce i progetti Figma in codice pronto per la produzione con fedeltà visiva 1:1. Utilizzare quando si implementa l'interfaccia utente dai file Figma, quando l'utente menziona "implementa progettazione", "genera codice", "implementa componente", "crea progettazione Figma", fornisce URL Figma o chiede di creare componenti corrispondenti alle specifiche Figma. Richiede la connessione al server Figma MCP. Fonte: figma/mcp-server-guide.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/figma/mcp-server-guide --skill implement-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/figma/mcp-server-guide