用途:从代码库出发,在 Figma 中构建或更新专业级设计系统,适合需要让 Figma 与代码保持一致的设计系统建设。
主要能力:分阶段编排多步工作流,涵盖代码令牌提取、Figma 文件结构与现状检查、库发现与检索、变量集合与模式创建、语义变量与基元别名、变量作用域与代码语法设置、效果与文本样式、基础文档页面、按依赖顺序逐个构建组件及其变体与属性、Code Connect 映射、无障碍与命名审计等。
使用方式:需同时加载 figma-use 技能以提供 Plugin API 语法规则。调用 use_figma 时须在 skillNames 中包含本技能名;若通过 MCP 资源加载,需加前缀 resource:。工作流从 Phase 0 发现开始,依次经过 Foundations、File Structure、Components、Integration+QA,每阶段需发布检查清单、进度更新与阶段总结,并使用 P0.a 形式任务 ID。状态须写入 /tmp/design-system-state-{RUN_ID}.json 并维护实体 ID 台账。必须先调用 get_libraries 再调用 search_design_system;无库返回时省略 includeLibraryKeys。
适用场景:将代码库中的令牌与组件同步到 Figma 设计系统,需要复用或重建库组件,需要生成变量、样式、组件文档与映射关系。
限制:任务非一次性完成,通常需要 20–100+ 次 use_figma 调用,禁止并行调用;每次调用需先 await figma.setCurrentPageAsync(page) 且每个脚本至多一次;颜色使用 0–1 范围;写文本前必须加载字体;不得使用 figma.notify();不得猜测节点 ID;组件需逐個构建,不支持批量。缺失预算、收费、价格、平台与效果等信息暂未提供。