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:
Преобразуйте проекты Figma в готовый к использованию код с помощью серверных инструментов MCP. Используйте этот навык, когда пользователи предоставляют URL-адреса Figma, запрашивают преобразование дизайна в код, просят реализовать макеты Figma или нуждаются в извлечении токенов дизайна и системных значений из файлов Figma. Работает с фреймами, компонентами и целыми файлами дизайна для создания HTML, CSS, React или другого кода внешнего интерфейса. Источник: tdimino/claude-code-minoan.