文件入門
你的第一個設計
從首頁開始,畫一個畫板,儲存為 .de 檔案,然後在預覽中查看。
1從首頁開始
App 啟動時會開啟首頁。首頁以格狀或清單顯示最近的檔案,並提供「新增檔案」「開啟檔案」「範本」「設計系統」和「場景範本」。
上方的提示框可以用一句話開始設計。先選擇要做什麼(到達頁、行動應用程式、Web 應用程式、簡報、儀表板或其他)和尺寸(桌面、平板、手機或簡報),再描述內容。內建 Agent 會在新的畫布上把它畫出來。
下方的匯入卡片可以開啟 Figma 檔案、網頁、要重現的截圖或 pen.dev 檔案。顯示首頁時,按 Cmd+N 會建立空白檔案。
2畫一個畫板
- 按
F切換到畫框工具,在畫布上拖曳。最上層的畫框就是畫板:一個螢幕、一個頁面區塊或一張投影片。 - 按
R、O或T,在其中加入矩形、橢圓或文字。 - 選取一個圖層,在右側面板編輯它的尺寸、填色、描邊和效果。
- 為畫板開啟自動佈局,讓子項目依間距和內距排列。
3儲存
Cmd+S 會儲存為 .de 檔案。它是純 JSON,在 git 中容易比對差異,Agent 也能直接讀取。圖片預設存放在同層的 <name>.assets/ 資料夾;Agent 也可以儲存成內嵌所有圖片的單一檔案。
沒有自動儲存。關閉含有未儲存變更的視窗時,App 會詢問是否要儲存。
4預覽
按 Cmd+P 開啟預覽。在上方選擇手機、桌面或畫布。標記為螢幕的畫板會像網站的頁面一樣運作,有網址列以及上一頁和下一頁。
5也可以從範本開始
「檔案 > 從範本新增」會開啟內建的場景範本:卡片、比較圖、投影片、資訊圖表、教學和輪播。透過「檔案 > 存為範本」,可以把任何文件存成你自己的範本。
提示詞中心收錄了現成的提示詞,涵蓋起始畫面、行動應用程式、網頁、儀表板、元件和修改。常用的提示詞可以存在「我的」底下。