$ loading_
将本地打开的 Figma 文件连接给 AI 编码代理,无需 API Token 进行读取与协作。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figma-opencode-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
读取我当前打开的 Figma 页面,分析主要组件与布局结构,并生成对应的 React + Tailwind 页面代码,尽量还原视觉层级与间距。
输出基于当前 Figma 设计的页面结构说明与可用前端代码。
检查当前打开的 Figma 文件,提取颜色、字体、间距和按钮样式,整理成一份前端可执行的设计规范文档。
输出结构化的设计令牌或样式规范,便于开发复用。
读取当前 Figma 设计稿,并根据我提供的前端代码检查实现偏差,列出组件、间距、字体和交互状态上的差异与修复建议。
输出设计与代码之间的差异清单,以及可执行的修复建议。
让 AI 代理直接读取 Figma 文件与原型,获取设计数据和素材资源。