SuperAPI AI 工具集

figma-preflight

设计与创作

查看项目

更新于 10-16 03:36

技能介绍

用途:在每次 Figma 设计会话开始时执行前置检查,未全部通过前不开始设计工作。使用前需先加载 figma-use 技能,再进行 use_figma 调用。

主要流程: 步骤A(并行):调用 mcp__figma__whoami 验证 MCP 连接,须返回用户邮箱与套餐,失败则停止并重新认证;读取 CLAUDE.md 提取 Figma 文件 URL(必需,缺失即停止)、字体族与会话目标;若字体字段为占位符,可在步骤C后用 Family 开头的 STRING 变量自动填充。 步骤B(并行):从 URL 解析 fileKey,调用 get_metadata 获取文件名与页面;调用 get_libraries 取得 fileKey 对应已订阅库,存为 Library Registry(名称、libraryKey、描述),供设计时 search_design_system 查找库样式与组件。 步骤C:以单次 use_figma 调用合并盘点文本样式、绘制样式、变量集合与变量、各页组件集与独立组件,按变量 resolvedType 分组,仅将名称存入上下文,ID 在设计时按需查找。

Token Map:步骤C后按 scopes 生成语义索引,包括背景填充(FRAME_FILL、SHAPE_FILL)、文字颜色(TEXT_FILL)、边框(STROKE_COLOR)、间距(GAP)、内边距(PADDING)、圆角(CORNER_RADIUS)等角色及示例名称。

状态报告:逐项输出 MCP 连接、CLAUDE.md、Figma 文件、库、样式、变量、组件及 Token Map,最后提示 Ready to design;任一步失败输出 ❌ 及错误并停止。

限制:依赖 MCP 连接与 Figma 文件访问权限;具体收费、价格、平台与效果资料暂未提供。