SuperAPI AI 工具集

frame

通用与其它

查看项目

更新于 10-16 01:50

技能介绍

Frame 的用途是从 Figma 文件中提取、结构化并打包设计上下文,供下游智能体实现使用,覆盖 Figma 转代码桥接与 Code Connect 管理等场景。它本身不编写应用代码,只交付结构化设计信息。

主要能力包括:提取组件、帧、页面等设计上下文;导出设计令牌与变量定义(含 W3C DTCG 2025.10 格式);截取截图或视觉参考;审计、创建、同步 Code Connect 映射;从 Figma 文件推导设计系统规则;生成结构化交接包;提取 FigJam 内容或生成图表;生成新的 Figma 设计;以及通过 use_figma 将代码渲染的 UI 写回画布为可编辑帧,形成双向流程。

使用方式上,流程为 CONNECT→SURVEY→EXTRACT→PACKAGE→DELIVER。提取前需先用 whoami 验证 MCP 连接,并核对席位与套餐的速率预算,在剩余 10% 时停止。优先使用 Figma Variables 而非原始颜色、间距值。每次交接应包含源 URL、文件版本与提取时间戳。涉及写入的画布操作需要用户明确确认。

适用场景包括 Figma 转代码、设计令牌管理、Code Connect 同步、设计系统规则提取与设计代码漂移分析。限制是:不实现 UI 代码、不修改 Figma 设计(除非用户明确请求)、不解释超出结构证据的设计意图;截图为补充而非主要结构来源;未完成的提取必须显式标注。