figma-generate-library · nexu-io — скилл для Claude Code: как установить
Скилл генерирует или обновляет библиотеку дизайн-системы в Figma прямо из кодовой базы проекта. Помогает синхронизировать макеты с готовыми компонентами.
npx skills add nexu-io/open-design --skill figma-generate-library -a claude-codeЧто делает figma-generate-library
Скилл предназначен для сборки и синхронизации дизайн-системы в Figma на базе исходного кода интерфейса. Запись каталога OpenDesign регистрирует скилл в окружении агента, чтобы модель учитывала его при планировании шагов. Сама логика опирается на руководство по MCP-серверу Figma.
Для запуска полного пайплайна с оригинальными скриптами, ассетами и ссылками потребуется установить апстрим-пакет из https://github.com/figma/skills. Без него скрипты сборки недоступны. Запись в OpenDesign даёт агенту лишь сигнатуру для обнаружения.
Запуск происходит автоматически по триггерам вроде «figma library» или при прямом обращении по имени скилла.
Какие задачи решает
- синхронизировать компоненты Figma с готовым кодом
- собрать библиотеку дизайн-системы из кодовой базы
- обновить библиотеку макетов при изменении фронтенда
- настроить обнаружение дизайн-скилла агентом при планировании
Примеры запросов агенту
- Обнови библиотеку figma library на основе наших компонентов в репозитории
- Синхронизируй дизайн-систему: figma from codebase
- Запусти скилл figma-generate-library для экспорта компонентов в Figma
Как установить figma-generate-library
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-generate-library -a claude-code2Вручную: положить файлы
~/.claude/skills/figma-generate-library/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/figma-generate-library/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-generate-library -a codex2Вручную: положить файлы
.agents/skills/figma-generate-library/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-generate-library -a cursor2Вручную: положить файлы
.cursor/skills/figma-generate-library/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design figma-generate-library2Вручную: положить файлы
.github/skills/figma-generate-library/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-generate-library -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/figma-generate-libraryВручную: положить файлы
.devin/skills/figma-generate-library/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill figma-generate-library -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о figma-generate-library
Как установить figma-generate-library в Claude Code?
Выполните команду npx skills add nexu-io/open-design --skill figma-generate-library -a claude-code. Манифест будет сохранён в ~/.claude/skills/figma-generate-library/SKILL.md.
Что делает скилл figma-generate-library?
Он помогает агенту создавать и актуализировать компоненты дизайн-системы в Figma, опираясь на код проекта. Это устраняет расхождения между макетами и рабочей версией интерфейса.
Что требуется для запуска оригинального сценария сборки?
Нужно загрузить апстрим-пакет из репозитория https://github.com/figma/skills в каталог скиллов активного агента. Там содержатся исполняемые скрипты и исходные ассеты.
Исходный текст
SKILL.md · Apache-2.0
--- name: figma-generate-library description: | Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components. triggers: - "figma library" - "design system library" - "figma from codebase" - "sync figma" od: mode: design-system category: figma upstream: "https://github.com/figma/skills" --- # figma-generate-library > Curated from Figma's MCP server guide. ## What it does Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components. ## Source - Upstream: https://github.com/figma/skills - Category: `figma` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/figma/skills ``` Then ask the agent to invoke this skill by name (`figma-generate-library`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design
Похожие скиллы
Всё по теме «Дизайн» →Сначала — figma-generate-library от других авторов.