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:

Convierta diseños de Figma en código listo para producción utilizando herramientas del servidor MCP. Utilice esta habilidad cuando los usuarios proporcionen URL de Figma, soliciten la conversión de diseño a código, soliciten implementar maquetas de Figma o necesiten extraer tokens de diseño y valores del sistema de los archivos de Figma. Funciona con marcos, componentes y archivos de diseño completos para generar HTML, CSS, React u otro código de interfaz. Fuente: tdimino/claude-code-minoan.