Переведите свойства и структуры дизайна Figma в реализации компонентов IDS (Iress Design System). Этот навык помогает агентам ИИ интерпретировать метаданные проекта Figma (из таких инструментов, как Figma MCP или экспортированные спецификации дизайна) и создавать точный код IDS.
Быстро установите AI-навык figma-to-ids в вашу среду разработки через командную строку
Источник: iress/design-system.
Translate Figma design properties and structures into IDS (Iress Design System) component implementations. This skill helps AI agents interpret Figma design metadata (from tools like Figma MCP or exported design specs) and produce accurate IDS code.
| Auto-layout (vertical) | IressStack | Default direction is vertical | | Auto-layout (horizontal) | IressInline | Horizontal flow with wrapping | | Auto-layout gap | gap prop | Map px to spacing token (see below) | | Auto-layout padding | p, px, py props | Map px to spacing token |
| Auto-layout alignment | horizontalAlign / verticalAlign | Maps to start, center, end | | Grid layout | IressRow + IressCol | Use span prop for column widths |
Переведите свойства и структуры дизайна Figma в реализации компонентов IDS (Iress Design System). Этот навык помогает агентам ИИ интерпретировать метаданные проекта Figma (из таких инструментов, как Figma MCP или экспортированные спецификации дизайна) и создавать точный код IDS. Источник: iress/design-system.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/iress/design-system --skill figma-to-idsПереведите свойства и структуры дизайна Figma в реализации компонентов IDS (Iress Design System). Этот навык помогает агентам ИИ интерпретировать метаданные проекта Figma (из таких инструментов, как Figma MCP или экспортированные спецификации дизайна) и создавать точный код IDS. Источник: iress/design-system.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/iress/design-system --skill figma-to-ids После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/iress/design-system