設計畫布
設計畫布係獨立工作區：無限畫布，可以縮放、平移，承載多個設計節點。
打開
- 藍莓辦公生成 HTML 時自動打開右側面板「設計」Tab
- 或者手動由右面板「+」選單添加
節點類型
| 節點 | 說明 |
|---|---|
| 網頁 | 實時渲染預覽（本地安全隔離），或者嵌入線上頁面 |
| 網頁節點嘅 Sections 模式 | 區塊化原型，Alt+點擊選中上報「用戶點邊度藍莓辦公改邊度」 |
工作流
- 描述你想要嘅界面（「做一個數據看板首頁」）
- 藍莓辦公生成 HTML 並推送到畫布節點
- 實時預覽，點擊元素指定要改嘅部分
- 藍莓辦公迭代修改，畫布自動刷新
- 滿意之後導出 HTML 或者整頁 PNG 落盤交付
多方案對比
- 畫布可以同時放多個節點
- 並排對比唔同方案
其餘節點
- 圖片素材：拖入或者生成圖片，作為畫布素材
- 設計文檔：喺畫布內寫設計說明、需求與決策
- 便簽：臨時記錄，唔入交付物
設計令牌
支援按畫布 owner 生效嘅主題換膚：顏色、字體、間距統一調整，淨係影響 Sections 模式嘅網頁節點。
導出
- 導出 HTML：完整可運行嘅 HTML 檔案
- 導出 PNG：整頁截圖，適合匯報材料