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