什么是 figma-to-ids？
将 Figma 设计属性和结构转换为 IDS（Iress 设计系统）组件实现。这项技能可以帮助 AI 代理解释 Figma 设计元数据（来自 Figma MCP 等工具或导出的设计规范）并生成准确的 IDS 代码。 来源：iress/design-system。
·figma-to-ids
*
figma-to-ids
✓将 Figma 设计属性和结构转换为 IDS（Iress 设计系统）组件实现。这项技能可以帮助 AI 代理解释 Figma 设计元数据（来自 Figma MCP 等工具或导出的设计规范）并生成准确的 IDS 代码。
如何安装 figma-to-ids
通过命令行快速安装 figma-to-ids AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/iress/design-system --skill figma-to-ids
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：iress/design-system。
SKILL.md
查看原文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 设计系统）组件实现。这项技能可以帮助 AI 代理解释 Figma 设计元数据（来自 Figma MCP 等工具或导出的设计规范）并生成准确的 IDS 代码。 来源：iress/design-system。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/iress/design-system --skill figma-to-ids- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-03-10
- 更新时间
- 2026-03-11
快速解答
如何安装 figma-to-ids？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/iress/design-system --skill figma-to-ids 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/iress/design-system