官方 guide《Designing Grok Bot with Grok Bot》专题（John Bai）：4 个设计 Bot——Figma Bro、Motion God、Experiments、Devbot

引这些设计 agent 可以“聚在一起开会”、委派项目的一部分，再把工作汇合起来。

来源

• 官方 guide：https://x.ai/bot/guides/designing-grok-bot-with-grok-bot

• 引他想探索如何让 Bot 随时随地可用——快捷键、系统级入口等，于是让 Experiments 做一系列“环境式 Bot 入口”的探索。三个原型：
• 引① Mac 刘海（notch）：Bot 在工作时收在固定位置，有事时冒出来，想看更多时展开成小工作区——给 agent 一个家，又不用多开一个窗口；
• 引② 桌面角落探头：悬停时 Bot 从桌面角落探进来，更像“一个角色入场”而不是常驻界面；
• 引③ 跟随光标的同伴：Bot 跟着光标走，和当下做的事更贴近。
• 引他向 Experiments 描述行为，它自己想办法把每个做成可触摸的版本：把角色的动作与过渡委派给 Motion God，把桌面行为与实现问题委派给 Devbot，再合成他能真正试用的原型。他在一天里自然地遇到每个版本，感受它什么时候有帮助、有干扰。
• 引结果：这些概念没有一个原样上线，“那不是重点”；他有一个想法，做出三个真实版本，从每个里学到东西。

来源

• 官方 guide：https://x.ai/bot/guides/designing-grok-bot-with-grok-bot

• 引背景：为一次邮件活动，他想做一个 Grok Bot 角色的宣传视频原型，序列很具体：Bot 出现、注意到应用窗口、弹跳到位。
• 引他不想让设计 agent 根据截图重画角色或生成近似物，而是想用已存在于产品里、会动的同一个素材；所以让 Motion God 围绕真实的动画规格文件在 localhost 上建了一个 playground，运行中可以手动调节时间、弹簧、距离、缩放和缓动。
• 引同时他也会给短小、比较式的反馈，例如 “hold the look down-left longer.”“Bounce is too exaggerated.” Motion God 改完，他立刻重看整个序列。
• 引他的话：他通常没法在看到之前说出过渡该是 280 还是 340 毫秒，“但我知道怎么描述它，也知道它什么时候刚好”。重点不是 Bot “做了一个动画”，而是他能给它一个真实的生产素材，并围绕它建一个工作环境：既能用确定性的控件直接调，也能继续用对人类协作者的语言指挥。

来源

• 官方 guide：https://x.ai/bot/guides/designing-grok-bot-with-grok-bot

• 引任务一：Grok Bot 引导流程里要展示能立刻上手的“起步 Bot”。内部众包了一批想法（如 “Chief of Staff”“Inbox Triage”），他拿到 20 条还需要差异化头像和辅助属性的描述；他在 Figma 里搭了一个 auto-layout 组件，让 Figma Bro 去填充其余的。
• 引任务二：想了解新用户在用什么工具，好让第一个 Bot 带着上下文；他建好页面布局模板，让 Figma Bro 去找正确的素材，并按使用可能性排序摆好。
• 引这些任务“创意上不难，但消耗创意注意力”，小的不一致会成倍出现：错的 logo 变体、过期的组件、取自不同来源的头像、第十张卡的间距和第一张不同。
• 引他不想让 Figma Bro 凭眼睛估：通过 Figma MCP，它能检查真实文件并使用精确的 x、y、宽高、间距、字体、填充、描边和组件结构；已有的 frame 或组件就是事实来源。

结论

引他说这没有让设计变成一次成型，而是让循环更紧：更早把想法放到世界里、以更高保真度回应，并把更多注意力花在“版本之间的判断”上；“Grok Bot 不取代这种判断，它给我更多使用它的机会”。

来源

• 官方 guide：https://x.ai/bot/guides/designing-grok-bot-with-grok-bot