Tldraw怎麼用 線上AI白板繪圖工具教程

Tldraw是一個開源的線上白板繪圖工具，支援AI輔助繪圖和多人協作，設計師和產品經理常用。開啟瀏覽器進入 tldraw.com，就能在畫布上畫流程圖、做產品草圖或整理會議想法。下面按實際操作順序來，從新建畫布到分享匯出，一步步跟著點就行。

第一步：開啟白板並熟悉畫布

在瀏覽器位址列輸入 tldraw.com，進入頁面後即可看到一張空白畫布。畫布沒有固定邊界，按住滑鼠右鍵拖動，或按住空格再拖動，可以移動視野；滾動滑鼠滾輪可縮放。先試著拖動幾下，找準畫布位置，後續內容就能自由擺放。

第二步：用工具欄新增內容

看畫布邊緣的工具欄，點選手繪、形狀、文字或箭頭工具，再到畫布上點按、拖動建立內容。比如畫流程圖，先選矩形框拖出節點，再選文字工具輸入名稱，最後用箭頭連線。完成後按 Esc 可退出當前工具，點選物件可重新選中並移動。

第三步：調整物件樣式和位置

點選畫布中的形狀或文字後，可拖動邊緣控制點調整大小，也能拖動物件本身改變位置。需要改顏色、線條或填充時，檢視選中物件後出現的樣式面板並點選選項。按住 Shift 多選，或拖出選擇框圈住多個物件，便於一起移動和整理。

第四步：用快捷操作提高效率

選中物件後按 Ctrl+C、Ctrl+V（Mac 使用 Command 鍵）複製貼上，按 Delete 刪除；操作錯了按 Ctrl+Z 撤銷，按 Ctrl+Shift+Z 重做。想快速選擇全部內容，可用 Ctrl+A。把相關節點先擺成一組，再複製整組改字，適合快速製作頁面草圖或不同方案。

第五步：嘗試AI輔助繪圖

需要AI生成圖示時，先檢視當前頁面是否提供AI入口；不同版本或整合站點的按鈕位置、可用功能可能不同。若有提示輸入框，寫清楚主題、節點關係和輸出形式，例如“畫一個使用者註冊流程，包含提交、校驗、成功和失敗分支”，再點選生成。生成後檢查文字與連線，手動修正不準確處。

第六步：整理白板方便講解

把主題放在畫布中央，相關步驟按閱讀順序排開，儘量讓連線箭頭少交叉。選中容易混淆的部分，使用不同顏色區分使用者操作、系統處理和異常情況；再用文字工具補充說明。畫布內容較多時，滾輪縮小檢視整體，必要時把關鍵區域移到視野中心。

第七步：邀請他人一起協作

如果當前白板頁面提供分享或協作按鈕，點選後按介面提示覆制連結併發給同事。對方開啟同一連結後即可檢視或參與編輯，具體權限以頁面提供的設定為準。開會時可以約定每個人用一種顏色新增便籤或標註，討論結束後再統一整理，減少內容互相覆蓋。

第八步：儲存與匯出成果

完成後先檢查頁面是否顯示自動儲存狀態；若提供檔案選單，開啟後選擇匯出或下載，再按需求選圖片等格式。匯出前把視野縮放到能完整呈現重點內容的範圍，避免邊緣被裁切。若要繼續編輯，保留原白板連結；發給外部人員時，可另匯出一份便於直接檢視的圖片。

第九步：用國內工具補充工作流

如果希望用更熟悉的中文介面製作原型或藉助AI整理設計需求，可以試試墨刀AI。開啟墨刀AI，按頁面提示輸入需求並生成內容，再檢查結構、文案與互動是否符合專案實際。潤滅也可以將白板流程整理成清晰的產品需求草圖，方便團隊繼續評審。