用途:该技能根据自然语言描述在 Figma 中创建或更新设计,结合 Figma 库搜索与直接文件创作;仅在需要让设计更具产品或代码库感知时才使用更广泛的智能体能力。
适用场景:用户要求根据文字描述设计新屏幕、流程、组件或线框图;根据文字反馈细化或扩展现有 Figma 文件;直接在 Figma 中生成初版线框或高保真设计;让 Figma 设计对齐现有设计系统或产品词汇。不适用于:从设计生成生产代码(应使用 implement-design);捕获运行页面或应用进 Figma(应使用 figma-generate-design);仅查看或拉取现有 Figma 内容(应使用 pull-figma-content)。
前提条件:Figma MCP 服务器须已连接可访问;确认 search_design_system、create_new_file 和 use_figma 可用;收集最少信息:设计内容、使用现有文件还是新建、是否对齐现有设计系统或代码库。仅在用户未提供足够细节时提问,尽量简短并合并成一条消息。
必要工作流(按顺序,不可跳步):确认属于 Figma 创作请求;先解析目标文件,若用户提供 URL 或文件键则提取,若新建则用清晰文件名,已给 planKey 则使用,否则调用 Figma MCP 的 whoami 工具查看已认证用户与可用计划,单一计划取其键,多个则询问用户;调用 create_new_file(editorType="design", fileName=..., planKey=...),保存返回的 fileKey 与 URL,首版可用后分享。仅在需要时收集上下文:探索性概念、线框图或模型可仅用 Figma MCP;需匹配现有产品或设计系统时,读取 AGENTS.md 或 WARP.md 项目规则,用语义代码库搜索、grep 和文件读取查找组件、产品词汇、布局模式和设计令牌来源;仅当提示直接依赖时才用其他 MCP 来源或网络搜索;本技能常规流程不编辑代码、不运行 REPL、不使用 computer use。创作前调用 search_design_system 并传入 fileKey,优先搜索可复用资产(组件与组件集、变量与类令牌值、颜色/排版/间距/效果样式),从用户领域词及代码库发现名称开始,必要时用返回的库键缩小后续搜索,优先复用导入而非重建。安全准备 use_figma,首调用前规划编辑序列并遵守工具要求的 Plugin API 约束,保持增量计划:创建页面与框架结构;建立布局与主要区域;复用或导入设计系统资产;应用变量、样式与排版;添加内容并打磨;基于文件现状做定向修订。用小步 use_figma 编辑,使用多次小调用而非一个巨型脚本,良好步骤边界包括:创建页面与顶层框架;布局页头、侧栏、主视觉或内容区;导入或放置一族可复用组件;绑定颜色、文本样式或间距变量;更新特定区域的文案、状态或对齐。每步后检查结果,仅在上一步成功后才继续。创建类组件内容时优先用第四步发现的已导入库资产。
交付:首版可用后返回 Figma URL,概要说明创建或更新内容,询问是否需要在 Figma 中修改;若用户要求将批准的设计实现为代码,停止使用本技能并改用 implement-design。
Warp 智能体指导:用更广泛能力减少手动提示,而非增加不必要工作。适用场景:在仓库中查找现有组件名或设计令牌;读取约束布局、命名或品牌的项目规则;当用户明确依赖时从其他已连接系统拉取产品需求。通常不需要:shell 命令或 REPL 访问、代码编辑、computer-use 验证、无明确用户请求的广泛网络研究。
常见问题:用户未说明使用现有还是新建文件,问一个直接问题解析目标,无 fileKey 前勿开始;多个 Figma 计划可用时询问用户使用哪个团队或组织,不要猜;用户希望匹配现有产品约定但请求模糊,先读项目规则再定向搜索;用户同时要求设计与实现,若主要关于 Figma 创作则先创建设计,若主要关于实现则改用 implement-design,设计批准后实现可单独进行;use_figma 失败或脚本过大,拆成更小调用,先结构后样式再定向修订。
额外资源:Figma MCP 服务器文档;Figma MCP 服务器工具与提示。限制:需已连接 Figma MCP;部分具体配置、收费与平台信息暂未提供。