WorkBuddy + Figma 三步生成产品原型

​

​

​

Figma MCP 能让 Codex 直接读取设计稿、截图分析节点、生成页面、修改组件、绘制流程图。你只需要用自然语言下达设计需求，剩下的交给 WorkBuddy 去完成。​

​

安装​

1、个人身份初始化​

可以邮箱注册，有账号的可以直接一键注册登录，比较方便。​

​

​

​

​

44%

​

​

​

​

56%

​

​

2、新建项目​

​

✍️

•

Design file：创建一个新的UI设计文件，设计师最常用的文件类型。​

•

FigJam board：创建白板项目，产品设计团队梳理思路，表达想法，可以绘制思维导图等。​

•

Import：可以把Sketch文件上传到Figma平台上。​

​

​

​

3、创建团队​

WorkBuddy+Figma的核心价值是作为一个协作设计平台赋能产品团队，创建团队可以把所工作内容作为协作对象，创建后可以整理和管理文件，按照一级分类、二级项目 、三级设计文件等关系来进行优先级区分。​

​

​

​

​

61%

​

​

​

​

39%

​

​

创建团队的入口在启动页的左下角，点击后进入创建团队页面，创建团队步骤：​

•

创建团队名称；​

•

添加成员，通过注册邮箱账号添加即可；​

•

选择团队版本方案，包含入门级、专业级和企业级；​

•

入门版免费试用30天，可以创建1个一级分类和3个设计文件（推荐试用）。​

4、界面操作​

完成了以上就可以正式开始设计，工作区域界面和Sketch比较类似，操作思路也有迹可循，设计师朋友基本可以直接开始。​

​

​

​

5款高效易用的Figma插件 ​

Figma MCP 特别适合有设计需求的朋友。在 Codex 里装上这个插件，就可以用对话的方式完成以前需要专业设计技能才能做的事情。​

当画图的门槛被 AI 拉低之后，我们真正需要培养的能力是：​

产品思维 — 知道要做什么​

业务理解 — 知道为什么这样做​

审美标准 — 知道什么是好的​

让 Codex 当执行者，借助 Figma MCP 去放大你的想法，设计出属于自己的作品。​

​

​

著作权归CodexGuide(codexguide.ai)所有 ​

​