figma-implement-design

от figma

Переводит дизайны Figma в готовый к продакшену код приложения с визуальной точностью 1:1. Используйте при реализации UI-кода из файлов Figma, когда пользователь упоминает…

npx skills add https://github.com/figma/dev-mode-mcp-server-guide --skill figma-implement-design

Скачать ZIP GitHub

Больше skills от figma

figma-code-connect

Создаёт и поддерживает файлы шаблонов Figma Code Connect, которые сопоставляют компоненты Figma с фрагментами кода. Используйте, когда пользователь упоминает Code Connect, компонент Figma…

figma-create-design-system-rules

Генерирует пользовательские правила системы дизайна для кодовой базы пользователя. Используйте, когда пользователь говорит "создать правила системы дизайна", "сгенерировать правила для моего проекта", "настроить дизайн…

figma-create-new-file

Создать новый пустой файл Figma. Используйте, когда пользователь хочет создать новый дизайн Figma или файл FigJam, или когда вам нужен новый файл перед вызовом use_figma.

figma-generate-design

Используйте этот навык вместе с figma-use, когда задача включает перевод страницы приложения, представления или многосекционного макета в Figma. Триггеры: 'write to…

figma-generate-diagram

MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…

figma-generate-library

Создать или обновить профессиональную дизайн-систему в Figma на основе кодовой базы. Используйте, когда пользователь хочет создать переменные/токены, собрать библиотеки компонентов, настроить…

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…

figma-use-figjam

Этот навык помогает агентам использовать MCP-инструмент use_figma от Figma в контексте FigJam. Может использоваться вместе с figma-use, который содержит базовый контекст для использования…