設計畫布
設計模式下的核心工作區：無限畫布，可縮放、平移，承載多個設計節點。
打開
- 設計模式的會話中，Agent 生成 HTML 時自動打開右側面板「設計」Tab
- 或手動從右面板「+」菜單添加
節點類型
| 節點 | 説明 |
|---|---|
| 網頁 | 實時渲染預覽（本地安全隔離），或嵌入在線頁面 |
| Sections | 區塊化原型，Alt+點擊選中上報「用户點哪 Agent 改哪」 |
工作流
- 描述你想要的界面（「做一個數據看板首頁」）
- Agent 生成 HTML 並推送到畫布節點
- 實時預覽，點擊元素指定要改的部分
- Agent 迭代修改，畫布自動刷新
- 滿意後導出 HTML 或整頁 PNG 落盤交付
多方案對比
- 畫布可同時放多個節點
- 並排對比不同方案
- 每個節點可保存獨立版本，隨時回退
設計令牌
支援項目級主題換膚：顏色、字體、間距統一調整，多頁面原型一鍵切換主題。
導出
- 導出 HTML：完整可運行的 HTML 文件
- 導出 PNG：整頁截圖，適合彙報材料