设计画布
设计模式下的核心工作区:无限画布,可缩放、平移,承载多个设计节点。
打开
- 设计模式的会话中,Agent 生成 HTML 时自动打开右侧面板「设计」Tab
- 或手动从右面板「+」菜单添加
节点类型
| 节点 | 说明 |
|---|---|
| 网页 | 实时渲染预览(本地安全隔离),或嵌入在线页面 |
| Sections | 区块化原型,Alt+点击选中上报「用户点哪 Agent 改哪」 |
工作流
- 描述你想要的界面(「做一个数据看板首页」)
- Agent 生成 HTML 并推送到画布节点
- 实时预览,点击元素指定要改的部分
- Agent 迭代修改,画布自动刷新
- 满意后导出 HTML 或整页 PNG 落盘交付
多方案对比
- 画布可同时放多个节点
- 并排对比不同方案
- 每个节点可保存独立版本,随时回退
设计令牌
支持项目级主题换肤:颜色、字体、间距统一调整,多页面原型一键切换主题。
导出
- 导出 HTML:完整可运行的 HTML 文件
- 导出 PNG:整页截图,适合汇报材料