Google Antigravity 上手指南 (三)：不但会写代码，还能帮你画架构图

为什么你的收藏夹里全是“吃灰”的工具？

作为技术人，我们都有一个坏习惯： 看到一张漂亮的架构图，反手就是一个“收藏”，心想“下次写文档我也用这个画”。 结果真到了写技术方案的时候，还是打开了 Word，面对空白页面发呆；或者打开 Visio，因为连线对不齐而抓狂。

这就导致了两个极端：

• 要么不写
  
  ：代码写完了，文档却是一个字没有，后来者接手全靠猜。
• 要么乱写
  
  ：把聊天记录里的片段截个图贴上去，过两天自己都看不懂。

如果在这个 AI 时代，写文档和画图能像“聊天”一样简单，会怎么样？

AntigravityIDE的Artifacts (制品)功能，就是为你准备的“智能白板”。它不只是把 AI 生成的代码丢给你，而是给你一个独立、可视、可交互的工作区。

Artifacts：你的“第二大脑”工作台

在传统的 AI 对话中，代码、文字、解释全都混在一条长长的聊天流里。 Artifacts 则不同，它是Side-by-Side的。

• 左边是聊天
  
  ：你和 AI 讨论需求，碰撞火花。
• 右边是沉淀
  
  ：AI 把讨论的结果（无论是代码、文档还是图表）整理成一个独立的文件展示给你。

更重要的是，它是活的。你可以渲染它，运行它，更可以随时修改 (Edit)它。

实战演示：5分钟设计一个“安全登录系统”

口说无凭，我们来个实战。 假设老板突然让你设计一个支持 OAuth2 和双重认证 (2FA) 的登录系统，并且要带风控检测。

Step 1: 结构化思考，生成文档

你只需要像跟同事聊天一样说：

“帮我设计一个支持 OAuth2 和 2FA的登录系统方案，包含数据库表设计。”

Antigravity 会立刻在右侧 Artifacts 面板生成一份格式完美的Markdown文档：

看，它不是一段这就没用的聊天气泡，而是一份可以直接复制到 Wiki 的技术文档。不仅有业务分析，连 SQLCREATE TABLE语句都给你准备好了。

有了文档，老板说：“太长不看，给我画个图。” 以前你可能要打开 Draw.io 拖拉半天。现在，你只需要说：

“把上面的登录流程画成一个时序图。”

下一秒，右侧 Artifacts 自动切换，直接渲染出一张 Mermaid 时序图：

注意到了吗？它甚至自动帮你把“风控检测”的逻辑画进去了（红色高亮区域），因为它完全理解了上下文。

这时候你发现图里有个细节不对，比如短信验证码应该是 4 位而不是 6 位。 不用让 AI 重新生成一遍，你只需要点击 Artifacts 右上角的“Edit”按钮，直接修改 Mermaid 代码：

diff

• User->>Client: 输入 6位验证码
• User->>Client: 输入 4位验证码

改完瞬间，图表实时更新。 这就是 Artifacts 的魅力：AI 帮你完成 90% 的体力活，你只需要负责那 10% 的关键决策。

进阶玩法：让文档“流动”起来

Artifacts 的强大之处还在于它的流动性。

你生成的这份login_schema.md 并不是终点。 你可以接着说：

“基于这个数据库设计，帮我写一个 Java 的 Entity 类。”

Antigravity 会直接读取 Artifact 中的定义，为你生成字段类型完全对应的 Java 代码。 从想法 (Idea)->文档 (Artifact)->代码 (Code)，这就是 Antigravity 带给你的Spec-Driven Development(文档驱动开发) 体验。

总结

不要再把 AI 当作一个简单的“问答机”了。 用好 Artifacts，它就是你身边的高级架构师助手。

• 想不清楚？
  
  让它帮你写Markdown文档梳理思路。
• 画不出来？
  
  让它帮你写 Mermaid 代码生成图表。
• 改不完？
  
  直接进入 Edit 模式，人机协作。

下期预告： 设计图画好了，技术方案也有了，如何把在这个庞大的计划拆解成一个个具体的开发任务，并指挥 AI 去执行？ 下期我们将介绍Task & Implementation Plan，带你体验真正的“指挥官”视角。