figma-mcp

This skill enables accurate design-to-code conversion by leveraging Figma's MCP (Model Context Protocol) server to access structured design data directly from Figma files. Unlike screenshot-based approaches, the Figma MCP provides semantic information about every design element including exact spacing, colors, typography, component hierarchy, and design system tokens, resulting in significantly more accurate code...

When a user provides a Figma URL or requests design implementation:

Use the available Figma MCP tools to retrieve structured design data:

Converti i progetti Figma in codice pronto per la produzione utilizzando gli strumenti server MCP. Utilizza questa competenza quando gli utenti forniscono URL Figma, richiedono la conversione da progettazione a codice, chiedono di implementare modelli Figma o devono estrarre token di progettazione e valori di sistema dai file Figma. Funziona con frame, componenti e interi file di progettazione per generare codice HTML, CSS, React o altro codice frontend. Fonte: tdimino/claude-code-minoan.