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:

Convertissez les conceptions Figma en code prêt pour la production à l'aide des outils serveur MCP. Utilisez cette compétence lorsque les utilisateurs fournissent des URL Figma, demandent une conversion de conception en code, demandent à implémenter des maquettes Figma ou doivent extraire des jetons de conception et des valeurs système à partir de fichiers Figma. Fonctionne avec des cadres, des composants et des fichiers de conception entiers pour générer du code HTML, CSS, React ou autre code frontal. Source : tdimino/claude-code-minoan.