畫布與工具

畫布佔滿整個視窗，面板浮在畫布上方。每個工具都有單鍵快速鍵。

1工具

工具	用途
選取 `V`	選取、移動圖層並調整大小。
畫框 `F`	繪製畫框。最上層的畫框就是畫板、螢幕或投影片。
矩形 `R`	形狀工具組。它的選單裡還有多邊形、星形、線條、圖示和瀏覽器。
橢圓 `O`	圓形和橢圓，可做成弧形和環形。
多邊形 `Y`、線條 `L`	正多邊形和直線。
鋼筆 `P`	繪製含多個錨點的路徑。按 Enter 或 Escape 結束路徑。
鉛筆 `Shift+P`	徒手繪製線條，並平滑成曲線。
文字 `T`	點按會建立自動延展的文字框，拖曳則建立固定寬度的文字框。
便利貼 `N`	寫給自己或 Agent 的便利貼、上下文和提示詞卡片。
圖片	置入 PNG、JPEG、GIF、WebP 或 SVG 檔案。
抓手 `H`	平移畫布。按住空白鍵也有相同效果。

星形：具有內徑的多邊形。在面板中設定角數和內徑。
橢圓弧：面板中的「起始」「掃過」和「內徑」可以把橢圓變成扇形、弧形或環形。
圖示：可從 Lucide、Feather、Simple Icons（品牌圖示）、Material Symbols（外框、圓角和直角三種樣式）以及 Phosphor 中挑選。
鉛筆平滑：精確、均衡或平滑，在「設定 > 系統」中設定。鉛筆游標樣式也在那裡。

瀏覽器形狀會以桌面、平板或手機裝置的樣式顯示真實網頁，支援網址、縮放和捲動。它使用你電腦上已安裝的 Chrome、Chromium、Edge 或 Brave；設定 DE_BROWSER_PATH 可以指定其他瀏覽器。

開啟檔案時，其中的網頁會保持暫停，直到你點按「載入頁面」。因此光是開啟檔案絕不會自行造訪任何網站。

便利貼、上下文和提示詞卡片只存在於畫布上。它們不會出現在任何匯出結果中，所以你可以在設計旁邊留下給 Agent 的說明。

腳本節點是由 JavaScript 繪製的畫框。它的 @input 參數會以欄位的形式顯示在面板的「腳本」區段中。

拖曳圖層時會顯示智慧參考線，並貼齊周圍圖層的邊緣和中心。

可以在面板中靠左、水平置中、靠右、靠上、垂直置中或靠下對齊。選取三個以上的圖層後，可以水平或垂直均分。

布林運算可以組合形狀：聯合 Cmd+Alt+U、減去 Cmd+Alt+S、交集 Cmd+Alt+I、排除 Cmd+Alt+X。圖層選單裡也有這些操作。包含其他圖層的畫框無法組合。

拷貝、剪下和貼上都作用於圖層。在 Figma 中拷貝圖層再貼到這裡，會得到可編輯的圖層。從任何地方貼上 HTML 也會轉換成圖層。

文件使用編輯器