Traduci le proprietà e le strutture di progettazione di Figma nelle implementazioni dei componenti IDS (Iress Design System). Questa competenza aiuta gli agenti AI a interpretare i metadati di progettazione Figma (da strumenti come Figma MCP o specifiche di progettazione esportate) e a produrre codice IDS accurato.
Installa rapidamente la skill AI figma-to-ids nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Traduci le proprietà e le strutture di progettazione di Figma nelle implementazioni dei componenti IDS (Iress Design System). Questa competenza aiuta gli agenti AI a interpretare i metadati di progettazione Figma (da strumenti come Figma MCP o specifiche di progettazione esportate) e a produrre codice IDS accurato. Fonte: iress/design-system.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/iress/design-system --skill figma-to-idsTraduci le proprietà e le strutture di progettazione di Figma nelle implementazioni dei componenti IDS (Iress Design System). Questa competenza aiuta gli agenti AI a interpretare i metadati di progettazione Figma (da strumenti come Figma MCP o specifiche di progettazione esportate) e a produrre codice IDS accurato. Fonte: iress/design-system.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/iress/design-system --skill figma-to-ids Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/iress/design-system