创建第一份文档
从新建故事板或仪表盘,到 AI 生成第一个组件,完整演练一次对话驱动的构建流程。
第 1 步:创建文档
登录后进入工作区主界面。左侧文件树可以看到工作空间下的文档列表。新建一份故事板或仪表盘,填入名称(比如"用户增长分析")即可。
选哪一个:
- 故事板——带旁白的分步幻灯片,适合演示与讲解
- 仪表盘——无限画布,组件自由摆放,适合探索与一眼看全
文档类型一旦创建就固定下来,所以直接选你最终想要的形态。
也可以用另外两种入口快速开始:
- 用文件树操作菜单里的「上传」添加一份 PDF → 系统自动解析,可用
pdf-viewer组件查看 - 用文件树操作菜单里的「添加网页书签」,在弹出的对话框里粘贴 URL → 创建一个可嵌入的书签
第 2 步:理解界面
| 区域 | 作用 |
|---|---|
| 中间对话栏 | 与 AI Agent 对话,发 prompt、斜杠命令 |
| 右侧画布 | 放置和排布组件、缩放平移 |
| 左下工具栏(仅仪表盘) | 缩放、适配、锁定 |
| 右下缩略图(仅仪表盘) | 当前可见区域的鸟瞰,点击快速跳转 |
故事板的幻灯片编辑区没有独立的缩放/适配/锁定工具栏——用滚轮或双指手势缩放;放大后左下角会出现一个小缩略图,可用它平移画布。
第 3 步:对话生成第一个组件
在对话栏输入 prompt:
帮我做一个用户增长的折线图,近 6 个月的数据发送后,Agent 会在组件库里检索折线图、查询该组件接受哪些字段,然后把它连同初始数据写进你的文档。画布上立刻出现折线图,同时对话栏显示思考过程(可折叠)。
如果 AI 生成的数据是占位示例,你可以继续追问:
把数据换成这 6 个月:1月2000人,2月3500,3月5100,4月6800,5月9200,6月12500Agent 会定位到该组件,只修改那一个字段。
第 4 步:继续迭代
你可以:
- 直接编辑组件修改标题、颜色、数据
- 选中组件 + 对话让 AI 只修改这一个组件,不影响其他内容
- 用
@引用文档把 Agent 指向工作空间里某个具体文件
常见 prompt 模板
上传的 PDF 第 3 章节帮我做一个摘要信息图
用 CSV 数据做一个按地区分组的柱状图