SuperAPI AI 工具集

dt-figma-export

设计与创作

查看项目

更新于 10-16 09:32

技能介绍

用途:将 Design Thinking 产物从 .copilot-tracking/dt/{project-slug}/ 导出到 FigJam 白板或 Figma Design 文件,使用官方 figma MCP 服务器,供团队协作评审。FigJam 为默认输出,适合便签、文本、形状、连接线与图表;Figma Design 适合需要结构化帧与自动布局的高保真输出。

主要能力:支持按方法(默认 latest)导出,输出类型可选 figjam、design 或 both。FigJam 布局按从左到右分区,先建 Project Details 卡片(位于 (0,0)),再展开各主题区块与页脚。便签颜色有约定:黄色为证据与事实,蓝色为洞察与解读,绿色为 how-might-we 与开放问题,粉色为决策与验证目标,橙色为约束与风险。结构化关系可用 figma/generate_diagram 生成 Mermaid 图。Figma Design 使用带自动布局的帧、卡片配色与字号规范(标题 24px、正文 16px、标签 12px),并针对 Method 1 至 6 提供相应布局。

使用方式:输入 project-slug(必填,kebab-case)、可选 board-title、method、output-type。先读取 coaching-state.md 确认项目存在,调用 figma/whoami 验证连接与认证,确认目标与写入授权后再调用 figma/create_new_file、figma/use_figma 等工具。命令示例:/dt-figma-export project-slug=factory-floor-maintenance;/dt-figma-export project-slug=customer-support-ai board-title="Customer Support AI - Stakeholder Map" method=1;/dt-figma-export project-slug=warehouse-onboarding method=3 output-type=both;/dt-figma-export project-slug=incident-response output-type=design。

适用场景:团队需要对 DT 产物进行协作可视化评审,或希望获得结构化帧输出。

限制:需预先在 .vscode/mcp.json 配置 figma MCP 服务器;远程服务器跨套餐可用,桌面 MCP 服务器需付费计划的 Dev 或 Full 席位;首次使用需浏览器 OAuth;速率限制因套餐与席位而异,Starter 或 View/Collab 席位每月最多六次工具调用,DT 导出可能在一次会话内耗尽;写入前必须逐项确认,未确认不得写入;产物不足时应说明缺口。