智能图示：画流程图和架构图
什么时候用图示 vs 图表
| 你想表达 | 用什么 |
|---|---|
| 数据的数值关系（对比、趋势、占比） | 智能图表 |
| 流程、步骤、分支逻辑 | 图示 |
| 系统架构、组件关系 | 图示 |
| 思维导图 / 层次结构 | 图示 |
| 概念关系（相似性、对比） | 图示（如维恩图） |
基本操作
快速插入
在卡片里输入 /diagram，或从插入菜单选"智能图示"。
图示编辑器界面
- 左侧：可拖拽的元素库（形状、箭头、连接线、文本框、图片）
- 中间：画布（带可选网格，可缩放）
- 底部：对齐工具、颜色、线条粗细
- 右侧：元素属性
添加元素
从左侧元素库拖元素到画布上。支持的基本元素：
- 矩形（默认，最常用）
- 圆角矩形（流程步骤）
- 菱形（判断/分支点）
- 圆形（起点/终点）
- 箭头和连接线
- 文本框
- 分组容器
- 上传的图片
连接元素
- 点击一个元素 → 拖拽边缘的连接点到另一个元素
- 连接线自动跟随元素移动
- 可以设置箭头方向、线条类型（直线、折线、曲线）
编辑元素
- 点击元素 → 直接输入文字
- 底部工具栏改颜色、线条粗细、箭头方向
- 右键可以删除、复制、对齐
- 按
Ctrl+Z撤销
常见图示类型
流程图
典型用法：业务流程、审批流程、用户旅程。
建议：
- 起点用圆形、步骤用圆角矩形、判断用菱形、终点用圆形
- 箭头从上到下或从左到右，保持方向一致
- 每个步骤只写一句话
架构图
系统组件之间的关系。典型用法：技术架构图、组织架构图、服务依赖关系。
建议：
- 核心组件放中间，辅助组件围绕
- 用不同颜色区分层级（比如核心=深色，外围=浅色）
- 箭头标注数据流向或调用关系
思维导图
中心主题向外发散的结构。
建议：
- 中心节点放大、加粗
- 分支按层级缩进或缩小
- 不同分支用不同颜色
时序图
按时间顺序的步骤展示。
Gamma 图示 vs 专业工具
| Gamma 智能图示 | draw.io / Miro / Figma | |
|---|---|---|
| 创建速度 | 快（在卡片内直接画） | 需要切到外部工具 |
| 与卡片整合 | 完美（就是卡片的一部分） | 只能嵌入或截图 |
| 视觉一致性 | 和主题配色自动匹配 | 需要手动对齐 |
| 复杂程度 | 中等（够用但不极限） | 高（支持复杂的图） |
| 协作 | 随 Gamma 实时协作 | 需要外部工具协作 |
建议：大多数业务图示用 Gamma 足够。如果需要画极复杂的系统架构（几十个组件 + 多层嵌套），可以先用 Gamma 画，再导出到专业工具精细调整。
与 Agent 的配合
选中图示后，Agent 可以帮你：
- "把流程图换成更简洁的风格"
- "在中间加一个检查节点"
- "换配色和整个 Gamma 保持一致"
下一步
图表和图示都搞定了。如果你的数据源在 Google Sheets，看 Google Sheets 数据同步；如果需要连接外部系统（Salesforce、Slack），跳到 连接器与集成。