物界前沿WorkBuddy 用了一周后，我决定把 Pixso AI 和 FigmaMake 都冷处理了
别急着把 AI 塞进设计工具里，先想想你的工作流缺什么。
我前两天写那篇《别再让AI猜你的意图》的时候，刚用 WorkBuddy 做文档整理。当时觉得它像个称职的助手——你告诉它要什么，它给你什么，不多不少。但说实话，那时候我对它的定位也就是个高级点的文档工具。
直到我顺手试了试它生成 UI 组件的能力。
讲真，我本来没抱期望。市面上 AI 设计工具我试过不少，Pixso AI 的智能设计我用了大概两个月，FigmaMake 刚出的时候也折腾过一阵。它们各有各的用处，但总觉得隔着一层——你画的图它改不了，它生成的东西你也不一定能直接用。像隔夜的拿铁，看着还行，入口就知道不对。
但 WorkBuddy 让我有点意外。不是因为它的设计能力有多强（说实话，单论界面生成，它不如 Pixso AI 花哨），而是因为它把设计规范这件事真正做进了工作流里，而不是扔给你一个没人维护的 design-tokens.json 文件。
这三个工具我都试过，差别在哪
我这边测下来，Pixso AI、FigmaMake 和 WorkBuddy 在 UI 设计场景下的体验，差异比我想象中大得多。
| 对比维度 | Pixso AI | FigmaMake | WorkBuddy |
|---|---|---|---|
| 学习成本 | 低，在线操作，画布里直接生成 | 中高，需要熟悉 Figma 生态 | 低，但需要先写 PRD |
| 输出质量 | 视觉不错，但组件规范不统一 | 生态强，但新手门槛高 | 规范驱动，输出稳定但偏保守 |
| 工作流集成度 | 以画布为中心，和团队协作绑定 | 以 Figma 为中心，插件式 | 以文档为中心，和 Git 联动 |
| 团队协作 | 在线协作好，但版本管理弱 | 强，但需要熟练使用组件库 | 强，通过 PRD 和 Git 做版本控制 |
| 适合谁 | 设计师为主，产品经理为辅 | 设计师主力，开发配合 | 产品经理、设计师、开发都能用 |
表格有点干，但结论很清晰：Pixso AI 和 FigmaMake 解决的是“画”的问题，WorkBuddy 解决的是“统一”的问题。
我举个具体的例子。之前我在 Pixso AI 里试着生成一个表单页面，它给了三个方案，视觉风格都挺好看——深色主题、圆角、渐变。但当我把它放进团队现有的组件库时，发现几乎每个组件都需要手动调整：按钮圆角不对、间距和规范差了 8px、字体层级不符合设计 token。说白了，它生成了一个“看起来像”的界面，但和你的实际规范不搭。
FigmaMake 好一点，因为社区有现成的组件库，但前提是你得提前把组件库维护好。我见过太多团队，设计规范文件躺在 Notion 里吃灰，Figma 里的组件库版本和实际交付的代码差了三个迭代。
为什么 WorkBuddy 让我觉得更靠谱
WorkBuddy 的思路是：把设计规范写进 PRD 里，让 AI 从一开始就按规矩办事。
我试了一个简单的场景：生成一个用户设置页面的首版界面。
- 在 WorkBuddy 里新建一个 PRD，用 Markdown 写清楚页面结构。关键操作是在
## 设计规范部分，把团队的设计 token 写进去（比如--spacing-unit: 8px、--border-radius: 4px、--font-family: system-ui）。 - 在
## 页面布局部分，用列表描述每个区块的功能和预期组件。不需要画图，写清楚就行：“顶部导航栏，左侧 Logo、右侧用户头像和设置入口”。 - 运行 WorkBuddy 的
generate-ui命令，指定输出格式为design-tokens.json和Figma 组件引用。 - 大约 30 秒后，它生成了一套页面，包含可编辑的 Figma 链接和对应的 CSS 变量。
我检查了一下结果：按钮圆角是 4px（规范要求），间距是 8px 的倍数（规范要求），字体层级用的是 h1 24px、body 14px（规范要求）。没有任何一个组件需要手动调整规范。
这听起来可能不酷，但对我这种每天被“规范不统一”折磨的设计师来说，这比生成一百张漂亮的图都管用。
当然，也有槽点。WorkBuddy 生成的界面视觉风格偏保守，没有 Pixso AI 那种“哇塞”的效果。如果你做的是概念设计或者需要视觉冲击力的方案，它可能帮不上忙。但如果你做的是 B 端产品、后台系统、企业内部工具——这些需要严格遵循规范的项目——WorkBuddy 的产出质量比那两个工具稳定得多。
真实案例复盘：从 PRD 到可交付的设计稿
我拿团队最近的一个项目来复盘。需求是做一个用户权限管理页面，有角色列表、权限矩阵、编辑弹窗三个主要模块。
第一次用 WorkBuddy 做，我犯了个错误。我把 PRD 写得像写作文，描述了一大段“页面应该清晰易用，用户能快速找到所需功能”。结果 WorkBuddy 生成的东西乱七八糟，间距随意，组件混用，和我之前在帖子吐槽过的“规范配置没生效”一模一样。
后来我意识到问题出在哪：不是 AI 笨，是我没告诉它具体的约束条件。我把它当人看了，以为“清晰易用”这种模糊描述就够了。但 WorkBuddy 需要的是精确的指令。
第二次我改了写法：
- 在 PRD 的
## 设计规范里，明确写了--color-primary: #1877FF、--color-danger: #FF4D4F、--spacing-unit: 8px。 - 在
## 页面布局里，用
