Traduisez les propriétés et les structures de conception Figma en implémentations de composants IDS (Iress Design System). Cette compétence aide les agents d'IA à interpréter les métadonnées de conception Figma (à partir d'outils tels que Figma MCP ou de spécifications de conception exportées) et à produire un code IDS précis.
Installez rapidement le skill IA figma-to-ids dans votre environnement de développement via la ligne de commande
Source : 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 |
Traduisez les propriétés et les structures de conception Figma en implémentations de composants IDS (Iress Design System). Cette compétence aide les agents d'IA à interpréter les métadonnées de conception Figma (à partir d'outils tels que Figma MCP ou de spécifications de conception exportées) et à produire un code IDS précis. Source : iress/design-system.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/iress/design-system --skill figma-to-idsTraduisez les propriétés et les structures de conception Figma en implémentations de composants IDS (Iress Design System). Cette compétence aide les agents d'IA à interpréter les métadonnées de conception Figma (à partir d'outils tels que Figma MCP ou de spécifications de conception exportées) et à produire un code IDS précis. Source : iress/design-system.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/iress/design-system --skill figma-to-ids Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/iress/design-system