$ loading_
将 Figma 设计转为结构化代码上下文,帮助生成可落地前端代码。
复制安装指令,让 AI 自动完成配置 · 推荐新手
"Figma Context MCP" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请读取这个 Figma 文件中的登录页面设计,提取布局、颜色、字体、间距和组件层级,整理成适合前端开发的结构化上下文,并生成 React + Tailwind 组件代码。
输出结构化设计上下文,以及可直接使用的 React + Tailwind 登录页组件代码。
分析这个 Figma 设计系统文件,提取颜色、字号、圆角、阴影和间距 token,输出为前端可用的设计令牌格式,并说明各 token 的使用场景。
输出清晰的设计令牌清单与前端样式映射说明,便于统一开发实现。
根据这个 Figma 电商商品详情页,整理页面结构、响应式断点、交互元素和组件拆分建议,生成供 AI 编码代理使用的开发规范上下文。
输出适合 AI 生成代码的页面开发规范,包括结构、样式和组件拆分建议。
将 Figma 设计转为结构化语义 JSON 与截图,支持 AI 设计转代码流程。
让 AI 直连 Figma,完成设计提取、生成、调试与双向令牌同步
连接 Figma 获取设计上下文与资源,并将节点高效转换为生产代码。
让 AI 读取并批量修改 Figma 设计稿,提升设计协作与自动化效率
将 Figma 文档与业务规则转为可自然语言检索的知识索引
通过插件桥接调用 Figma Motion API,自动创建和修改动画关键帧与动效样式。