Переводит проекты Figma в готовый к использованию код с визуальной точностью 1:1. Используйте при реализации пользовательского интерфейса из файлов Figma, когда пользователь упоминает «реализовать дизайн», «сгенерировать код», «реализовать компонент», «создать дизайн Figma», предоставляет URL-адреса Figma или просит создать компоненты, соответствующие спецификациям Figma. Требуется подключение к серверу Figma MCP.
Быстро установите AI-навык implement-design в вашу среду разработки через командную строку
Источник: 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.
Переводит проекты Figma в готовый к использованию код с визуальной точностью 1:1. Используйте при реализации пользовательского интерфейса из файлов Figma, когда пользователь упоминает «реализовать дизайн», «сгенерировать код», «реализовать компонент», «создать дизайн Figma», предоставляет URL-адреса Figma или просит создать компоненты, соответствующие спецификациям Figma. Требуется подключение к серверу Figma MCP. Источник: figma/mcp-server-guide.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/figma/mcp-server-guide --skill implement-designПереводит проекты Figma в готовый к использованию код с визуальной точностью 1:1. Используйте при реализации пользовательского интерфейса из файлов Figma, когда пользователь упоминает «реализовать дизайн», «сгенерировать код», «реализовать компонент», «создать дизайн Figma», предоставляет URL-адреса Figma или просит создать компоненты, соответствующие спецификациям Figma. Требуется подключение к серверу Figma MCP. Источник: figma/mcp-server-guide.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/figma/mcp-server-guide --skill implement-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/figma/mcp-server-guide