设计画布
设计画布是独立工作区:无限画布,可缩放、平移,承载多个设计节点。
打开
- 蓝莓办公生成 HTML 时自动打开右侧面板「设计」Tab
- 或手动从右面板「+」菜单添加
节点类型
| 节点 | 说明 |
|---|---|
| 网页 | 实时渲染预览(本地安全隔离),或嵌入在线页面 |
| 网页节点的 Sections 模式 | 区块化原型,Alt+点击选中上报「用户点哪蓝莓办公改哪」 |
工作流
- 描述你想要的界面(「做一个数据看板首页」)
- 蓝莓办公生成 HTML 并推送到画布节点
- 实时预览,点击元素指定要改的部分
- 蓝莓办公迭代修改,画布自动刷新
- 满意后导出 HTML 或整页 PNG 落盘交付
多方案对比
- 画布可同时放多个节点
- 并排对比不同方案
其余节点
- 图片素材:拖入或生成图片,作为画布素材
- 设计文档:在画布内写设计说明、需求与决策
- 便签:临时记录,不进入交付物
设计令牌
支持按画布 owner 生效的主题换肤:颜色、字体、间距统一调整,只影响 Sections 模式的网页节点。
导出
- 导出 HTML:完整可运行的 HTML 文件
- 导出 PNG:整页截图,适合汇报材料