用途:为项目生成自定义设计系统规则,把代码库中的组件约定、命名规范、目录结构、设计令牌与架构决策写成项目级指令,让 AI 编码代理在把 Figma 设计转代码时自动遵守,减少重复提示并保持输出一致。
主要能力:调用 Figma MCP 服务器的 create_design_system_rules 工具获取基础模板与指导;分析代码库的组件组织、样式方案、令牌定义、命名与导入模式;生成组件、样式、资产、Figma MCP 集成等规则;按代理保存到对应文件,如 Claude Code 的 CLAUDE.md、Codex CLI 的 AGENTS.md、Cursor 的 .cursor/rules/figma-design-system.mdc(带 YAML frontmatter);支持保存后测试、迭代与团队共享。
必要用法:需已连接并可用 Figma MCP 服务器,并能访问项目代码库。步骤为先运行 create_design_system_rules 工具(传入 clientLanguages 与 clientFrameworks,如 typescript,javascript 与 react),再分析代码库,生成项目专属规则,保存到对应规则文件,最后用简单 Figma 组件验证并迭代。涉及的 Figma MCP 工具包括 get_design_context、get_metadata、get_screenshot。资产方面:若返回 localhost 源则直接使用,不要导入新图标包,不要使用占位符,下载资产存入指定目录。
适用场景:新项目开始使用 Figma 设计;让 AI 代理接入已有既定模式的既有项目;在团队中统一 Figma 到代码的流程;更新或完善既有设计系统约定;用户明确要求创建设计系统规则或为项目定制 Figma 指南。
限制:规则文件大小有限制,如 AGENTS.md 合并上限 32 KiB;规则过多会增加上下文与处理时间;规则可能冲突或随项目演进而过时,需定期审查、版本控制并按需精简。具体收费、价格、平台支持范围等资料暂未提供。