Übersetzen Sie Figma-Designeigenschaften und -strukturen in IDS-Komponentenimplementierungen (Iress Design System). Diese Fähigkeit hilft KI-Agenten, Figma-Design-Metadaten (aus Tools wie Figma MCP oder exportierten Design-Spezifikationen) zu interpretieren und präzisen IDS-Code zu erstellen.
Installieren Sie den KI-Skill figma-to-ids schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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 |
Übersetzen Sie Figma-Designeigenschaften und -strukturen in IDS-Komponentenimplementierungen (Iress Design System). Diese Fähigkeit hilft KI-Agenten, Figma-Design-Metadaten (aus Tools wie Figma MCP oder exportierten Design-Spezifikationen) zu interpretieren und präzisen IDS-Code zu erstellen. Quelle: iress/design-system.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/iress/design-system --skill figma-to-idsÜbersetzen Sie Figma-Designeigenschaften und -strukturen in IDS-Komponentenimplementierungen (Iress Design System). Diese Fähigkeit hilft KI-Agenten, Figma-Design-Metadaten (aus Tools wie Figma MCP oder exportierten Design-Spezifikationen) zu interpretieren und präzisen IDS-Code zu erstellen. Quelle: iress/design-system.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/iress/design-system --skill figma-to-ids Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/iress/design-system