create-design-system-rules
✓为用户的代码库生成自定义设计系统规则。当用户说“创建设计系统规则”、“为我的项目生成规则”、“设置设计规则”、“自定义设计系统指南”或想要为 Figma 到代码工作流程建立特定于项目的约定时使用。需要 Figma MCP 服务器连接。
SKILL.md
This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide Claude to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed automatically.
Design system rules are project-level instructions that encode the "unwritten knowledge" of your codebase - the kind of expertise that experienced developers know and would pass on to new team members:
Once defined, these rules dramatically reduce repetitive prompting and ensure consistent output across all Figma implementation tasks.
为用户的代码库生成自定义设计系统规则。当用户说“创建设计系统规则”、“为我的项目生成规则”、“设置设计规则”、“自定义设计系统指南”或想要为 Figma 到代码工作流程建立特定于项目的约定时使用。需要 Figma MCP 服务器连接。 来源:figma/mcp-server-guide。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 create-design-system-rules?
为用户的代码库生成自定义设计系统规则。当用户说“创建设计系统规则”、“为我的项目生成规则”、“设置设计规则”、“自定义设计系统指南”或想要为 Figma 到代码工作流程建立特定于项目的约定时使用。需要 Figma MCP 服务器连接。 来源:figma/mcp-server-guide。
如何安装 create-design-system-rules?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/figma/mcp-server-guide --skill create-design-system-rules 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/figma/mcp-server-guide