Преобразуйте проекты Figma в код React с помощью компонентов Spirit Web. Используйте при работе с проектами Figma, реализации пользовательского интерфейса из файлов Figma, преобразовании автомакетов Figma в код или когда пользователь упоминает компоненты Figma, Spirit или преобразование дизайна в код.
Быстро установите AI-навык figma-to-spirit в вашу среду разработки через командную строку
Источник: alma-oss/spirit-design-system.
CRITICAL: Match Figma layer hierarchy exactly. Each Figma autolayout layer should have a corresponding Spirit layout component.
| "Design Block" or main page section | Section | | Need to constrain content width | Section containerProps={{ size: "..." }} | | Full-width section content | Section hasContainer={false} |
Important: Section includes Container by default - don't nest another Container inside.
Преобразуйте проекты Figma в код React с помощью компонентов Spirit Web. Используйте при работе с проектами Figma, реализации пользовательского интерфейса из файлов Figma, преобразовании автомакетов Figma в код или когда пользователь упоминает компоненты Figma, Spirit или преобразование дизайна в код. Источник: alma-oss/spirit-design-system.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/alma-oss/spirit-design-system --skill figma-to-spiritПреобразуйте проекты Figma в код React с помощью компонентов Spirit Web. Используйте при работе с проектами Figma, реализации пользовательского интерфейса из файлов Figma, преобразовании автомакетов Figma в код или когда пользователь упоминает компоненты Figma, Spirit или преобразование дизайна в код. Источник: alma-oss/spirit-design-system.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/alma-oss/spirit-design-system --skill figma-to-spirit После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/alma-oss/spirit-design-system