$ loading_
连接 Figma 读写设计稿,自动生成并回写界面结构与样式内容
复制安装指令,让 AI 自动完成配置 · 推荐新手
"figwright" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请根据这个产品需求,直接在 Figma 当前页面创建 3 个移动端首页线框方案。使用 frame、auto-layout、文本层和基础按钮组件,并给每个方案加标题与说明。
在 Figma 中生成 3 套可编辑的首页线框布局,结构清晰并带有说明文字。
读取当前选中的 Figma 设计稿,整理颜色、字号、间距、组件名称和变量使用情况,输出一份前端实现说明,按模块分组。
得到一份结构化开发说明,帮助前端准确还原设计细节与样式规范。
检查当前文件中的按钮与表单区域,找出命名不一致或样式重复的图层,统一为可复用组件,并规范颜色与文本样式变量。
Figma 文件中的相关元素被整理为统一组件体系,样式变量更规范、复用性更高。
通过 AI 读写并自动修改 Figma 设计稿
让 AI 读取 Figma 设计数据并生成代码、模板或提示词
让 AI 通过本地桥接读写 Figma 文件并操作设计节点。
连接 Figma 设计稿,支持读取编辑、生成多框架代码与无障碍检查。
让 AI 代理直接读取 Figma 文件与原型,获取设计数据和素材资源。
连接 Figma API 读取设计稿,辅助设计到代码的协作开发流程。