tldraw
免費即開即用的協作白板，背後是被 ClickUp、Padlet 採用的無限畫布 SDK，9 月起還能在 ChatGPT 與 Codex 裡直接畫
tldraw 有兩個身分，搞清楚才不會選錯。tldraw.com 是給一般人用的免費線上白板，官網標題就叫「very good free whiteboard」，打開網址就能畫，分享連結就能多人同時編輯。tldraw.dev 則是同一團隊（倫敦的 tldraw 公司）賣給開發者的無限畫布 React SDK，GitHub 超過 5 萬顆星、npm 每週下載約 28 萬次，ClickUp、Padlet、Mobbin、Jam 都用它做自家產品裡的白板。站上舊資料把它寫成「能把草圖變程式的開源白板」，這個印象來自 2023 年爆紅的 Make Real 實驗，但現在的重點已經轉向 SDK 與 AI 代理。
功能特色與適用場景：AI 這塊目前最實用的是 9 月 29 日推出的 tldraw for ChatGPT and Codex 外掛。在 ChatGPT 或 Codex 的 plugins 搜尋 tldraw、登入 tldraw.com 帳號後，模型就能建立、搜尋白板，看懂畫布上的圖形、文字與留言，直接幫你畫流程圖或 Mermaid 圖，還能在留言串裡回覆；畫好的板子就是一般的 tldraw.com 檔案，你和同事可以接著改。開發者這端，SDK 提供多個 starter kits，其中 Agent（能讀懂並操作畫布的 AI 代理）、Chat（先在圖上標註再丟給 AI）、Workflow（節點式自動化流程）、Image pipeline（串接 prompt 與模型的生圖流程）、Branching chat（分支對話介面）都跟 AI 有關，npm create tldraw 就能起一個專案。SDK 已經出到 5.5 版（9 月 30 日）。
授權要特別注意：SDK 原始碼公開在 GitHub，但不是自由開源授權。開發時免費，正式上線一定要授權金鑰，有 100 天試用、非商業 Hobby 授權（畫布上要留浮水印）與需要洽談的商業授權。
給台灣使用者的建議：老師、PM 開會畫架構圖，直接用 tldraw.com 就好，不用註冊也能畫，手繪風格的線條很適合腦力激盪；跟 Excalidraw 比，tldraw 的箭頭與圖形吸附更順手。新創工程師要在 SaaS 裡做白板或 AI 畫布，與其自己刻，評估 tldraw SDK 會快很多，但商業授權費要先問清楚再寫進報價。
TheAI學院 編輯建議
編輯實測後的真心話tldraw 很聰明地把自己定位成「畫布基礎建設」：白板免費做口碑，SDK 賺錢，AI 代理需要一塊能讀能寫的畫布，它剛好卡位。我覺得 ChatGPT 外掛是一般人最有感的入口；但要提醒開發者，原始碼公開不等於免費商用，授權成本要先算進去。
主要功能
- tldraw.com 免費協作白板，開網址即用、分享連結多人即時編輯
- tldraw for ChatGPT and Codex 外掛：讓模型建立、讀取與繪製白板並回覆留言
- 無限畫布 React SDK，npm create tldraw 快速建立專案
- AI 相關 starter kits：Agent、Chat、Workflow、Image pipeline、Branching chat
- Multiplayer starter kit：以 tldraw sync 與 Cloudflare Durable Objects 自架即時協作
- 支援 Mermaid 圖表轉換與手繪風格圖形
如何使用 tldraw
- 到 tldraw.com 直接開新白板，用工具列畫圖形、箭頭與文字
- 按 Share 產生連結，邀請同事即時共同編輯
- 想讓 AI 幫忙畫圖，在 ChatGPT 的 plugins 搜尋 tldraw 安裝並登入 tldraw.com 帳號
- 在對話裡描述要畫的流程或架構，完成後到 tldraw.com 打開該白板微調
- 開發者執行 npm create tldraw 挑 starter kit，上線前申請試用或商業授權金鑰
適用場景
- PM 開會時在 tldraw.com 畫系統架構圖並分享連結給工程師
- 在 ChatGPT 裡請 AI 把流程描述畫成 tldraw 白板，再手動調整
- SaaS 團隊用 tldraw SDK 在自家產品內建白板或 AI 畫布
- 工程師用 Workflow starter kit 做節點式 AI 自動化工具
- 老師上課在白板上即時手繪講解並讓學生共同編輯
tldraw 的優點與缺點
優點
- 白板免費又輕快，不註冊也能開始畫
- SDK 成熟，有 ClickUp、Padlet 等大型產品採用
- ChatGPT 外掛讓 AI 直接在共用白板上畫圖，結果可再手動修改
缺點
- SDK 正式上線需付費授權，商業價格不公開
- Make Real 已不是主力功能，想要草圖轉程式要自己用 starter kit 組
- 白板本身的範本與專案管理功能比 Miro 精簡
價格方案
tldraw.com 白板免費使用；tldraw SDK 開發環境免費，正式上線需授權金鑰：100 天免費試用（免信用卡）、非商業 Hobby 授權免費但需保留 made with tldraw 浮水印、商業授權依價值計價需洽業務、新創另有優惠。以官網為準
tldraw 常見問題
tldraw 要錢嗎？
tldraw.com 白板免費使用。開發者要把 tldraw SDK 放進正式上線的產品，需要授權金鑰：可先申請 100 天免費試用，非商業專案可申請 Hobby 授權，商業授權需洽業務，以官網為準。
tldraw 是開源的嗎？
原始碼公開在 GitHub，可以閱讀與在開發環境使用，但正式上線需要授權金鑰，並不是 MIT 這類自由開源授權。
tldraw 可以在 ChatGPT 裡用嗎？
可以。2026 年 9 月推出 tldraw for ChatGPT and Codex 外掛，在 plugins 搜尋 tldraw 安裝並登入 tldraw.com 帳號後，就能請模型建立白板、畫流程圖或 Mermaid 圖。
tldraw 和 Excalidraw、Miro 怎麼選？
快速手繪與即時分享選 tldraw 或 [Excalidraw](/tools/excalidraw)；要大量範本、便利貼工作坊與企業管理功能選 [Miro](/tools/miro)；要把白板做進自家產品，tldraw SDK 是較成熟的選擇。
使用者評價
還沒有足夠評價，搶先分享你的使用心得！
寫下你的評價
tldraw 的替代方案
查看相似的 AI 工具 →相關 AI 工具
Gemini
Google 的 AI 助理，強在跟 Google 生態綁在一起與超長脈絡。
Midjourney
美感天花板最高的 AI 生圖工具，代價是要付費、要學參數。
Datastripes
拖進 Excel、CSV 或 JSON，瀏覽器內先算出 KPI 與圖表，再用一句話請 AI 排出儀表板或有開頭、轉折、結論的資料故事
Wanaka
用一句話描述想玩的遊戲，AI 代理先做出第一版 3D 世界讓你直接玩，再繼續下指令或自己動手改，發布後朋友點網址就能在瀏覽器裡玩
Clayzo
用一句話請程式代理做產品動畫、Logo 片頭或可互動的網頁特效，代理寫成程式、自己逐格檢查，再輸出成影片或直接在網頁上播放
MOVO AI
在手機或網頁用聊天把故事點子變成 2 分鐘以上的長影片，角色、場景與風格在整個專案中保持一致
猜你也想看的AI 創作與內容生成
tldraw 評測：值得用嗎？
一句話結論
一個做得非常好的開源白板，AI 功能有趣但仍屬實驗性質；它真正的價值在開發者能把整個無限畫布嵌進自己的產品裡。
實際能做什麼
tldraw 有兩個身分。對一般使用者，tldraw.com 是免費的協作白板，手繪風格、順手、載入快。對開發者，tldraw SDK 是一個可以用 npm 安裝的 React 元件，讓你把無限畫布放進自己的應用程式——底層是 TypeScript 與 React，用 WebGL 算繪以維持大量圖形時的效能，內建即時協作、游標同步、視角跟隨與游標聊天。API 開放到可以自訂圖形、處理事件與狀態持久化。
AI 的部分主要是 Make Real：把手繪的介面草圖變成可運作的 HTML／CSS。這個功能當年在網路上爆紅過一陣子，展示效果非常好。另外還有一個叫 Computer 的實驗性專案，做的是在無限畫布上用自然語言組合元件、串成會分支與迴圈的工作流。
優點
- 開源，SDK 授權彈性，開發者可以深度客製
- 白板本身的手感是同類產品裡數一數二的，畫起來就是舒服
- 即時協作的基礎建設完整，自己做要花幾個月
- Make Real 對於快速驗證介面想法確實有用
缺點
- AI 功能官方明確標示為實驗性質，準確度不穩定，別放進正式流程
- Make Real 生出來的程式碼是可運作的原型，不是能上線的品質
- 一般使用者能用到的 AI 功能有限，多數價值在 SDK 這一側
- 商業使用 SDK 需注意授權條款，不是所有情境都能免費
適合誰
兩種人：想在自己產品裡加上白板或畫布功能的開發團隊；以及單純想找一個好用、免費、不用註冊的協作白板的個人與小團隊。想找完整企業白板功能（範本庫、投票、簡報模式）的團隊，這不是你要的。
替代方案
純白板需求，Miro 與 FigJam 的功能完整度高得多，但都要付費。開源路線的話 Excalidraw 是最直接的對手，風格類似、同樣好用，差別在 tldraw 的 SDK 生態與可嵌入性更強。草圖轉程式碼的需求，v0 的產出品質比 Make Real 高一個檔次。
台灣觀點
台灣的軟體團隊如果要做需要畫布的產品——流程設計工具、教學平台的板書、系統架構圖編輯器——自己從零做無限畫布是個大坑（縮放、圖層、協作衝突處理都是硬功夫）。tldraw SDK 這種現成方案能省下數個月的工程時間，這是它對台灣開發者最實在的價值。
至於 Make Real，我的建議是把它當成有趣的原型工具，別對它抱期待。想從草圖到程式碼真的走到底，目前還是得靠專門的 AI 開發工具。可以到站上的 開發者工具 分類看看其他選項。
本評測由 TheAI學院編輯群整理，內容力求客觀、含優缺點，僅供參考。
最後更新：2026年10月