Tldraw 2

無限畫布協作白板，內建 Make Real 把草圖生成可執行網頁

Vibe Coding 團隊協作無限畫布白板

https://www.tldraw.com/

前往官網

深度報告

Tldraw 是一款無限畫布的協作白板工具，同時也是一個面向開發者的 React 無限畫布 SDK。它最出圈的能力是「Make Real」——在畫布上手繪一個介面草圖，就能生成可執行的網頁程式碼。底層由創始人 Steve Ruiz 帶領的一支約二十人的小團隊維護，總部位於英國倫敦，目前已累計融資約 1470 萬美元。這款產品把「畫布」從記錄工具推進成了「AI 協作介面」，但隨之而來的收費許可爭議也一直沒停過。
Tldraw 由設計師兼開發者 Steve Ruiz 在 2021 年作為開源專案啟動，他早年在 Framer 任職。2022 年註冊成立公司 tldraw, Inc.，總部設在英國倫敦。融資節奏上，2022 年底完成 270 萬美元種子輪，由 Lux Capital 領投，Amplify Partners、Definition Capital 等跟投，Guillermo Rauch 等天使也參與其中；2025 年 4 月又完成 1000 萬美元 A 輪，同樣由 Lux Capital 與 Definition 領投，彼時其 SDK 授權收入已突破 100 萬美元。公司團隊始終保持精簡，從 2022 年的 5 人擴張到 2026 年約 15 至 20 人。「Tldraw 2」並非官方產品名。官方產品就叫 tldraw，目前託管的白板在 tldraw.com，SDK 文件在 tldraw.dev。它經歷過多輪主版本迭代：2024 年 3 月釋出第二代 SDK（引入 signals 狀態管理、自定義形狀與繫結），之後又演進到 v4、v5。所謂「2」最貼近的官方含義，是第二代 SDK 架構帶來的能力躍遷——更順滑的畫布、更強的可定製性與協作核心。
tldraw 的核心是一塊無限畫布，支援多人實時協作。協作能力由 @tldraw/sync 驅動，底層跑在 Cloudflare Durable Objects 上，提供實時游標、視口跟隨和游標內聊天，也支援自託管。圖形工具涵蓋幾何圖形、可繫結箭頭、freehand 手繪、文字、便籤、富文字、圖片與影片嵌入、網頁嵌入以及 frames 畫框，並能匯出 PNG、SVG 和 JSON。渲染基於 React 加 DOM，每週 npm 下載量約 27 萬次。真正讓它從一眾白板裡跳出來的是 AI。其一是「Make Real」：在畫布畫一個 UI 草圖，點一下就經 OpenAI 或 Anthropic 模型生成 HTML/CSS/JS 原型，使用者還能在畫布上圈注迭代（需自帶 API key）。其二是文字生成流程圖、思維導圖。其三是「tldraw computer」——一個由 Gemini 2.0 驅動的自然語言視覺化程式設計實驗，畫節點、連箭頭，模型讀取流程並把資料串起來。此外還有 2025 年初上線的 AI Whiteboard 和畫布內 Cursor 式聊天機器人（agent starter kit）。和 Excalidraw 這類手繪風白板相比，tldraw 的微互動更精緻；和 Figma、Miro 相比，它更輕、更開放，也更受開發者青睞。
白板本體 tldraw.com 對個人免費，基礎使用甚至不需要登入，內建協作與 Make Real（需使用者自帶 key）。變現重心在 SDK：開發與 localhost 階段免費，進入生產環境則需要 license key。據社群與創始人公開回復，商業許可約 6000 美元一年每團隊，另有約 500 美元每月的方案（創始人確認主要面向 AI 公司），並提供 100 天免費試用；Starter Kits 部分以 MIT 協議釋出。需要說明，官方並沒有公開的細化價格頁，上述金額來自 Hacker News 上與 Steve Ruiz 的同場討論及第三方整理，具體以官方為準。
使用者普遍喜歡它的快：畫布操作跟手、介面乾淨直觀、協作流暢，SDK 也足夠強——ClickUp 用它在自家產品裡做白板，Jam 用它做截圖示註。tldraw.computer 這類實驗也時常引發關注。吐槽集中在三點。第一是許可：自第二代起，SDK 從 MIT 改為自定義的非商業協議（source-available，並非 OSI 意義上的開源），生產需要付費 key，社群不少人覺得 6000 美元和 500 美元的定價偏貴、向營利傾斜。第二是功能深度：內建圖形和模板少於 Miro、Figma，沒有桌面或離線 App，移動端能力受限，多物件時移動端和效能會吃緊。第三是 Make Real 的產出只是原型級程式碼，離可上線還有距離，且高用量時得自備 API key。
在 AI 白板這個細分賽道，tldraw 常被排在網頁繪圖類第一，Excalidraw 第二。Steve Ruiz 本人認為，無限畫布會是「人類、AI 與多智慧體」未來的關鍵介面，是一片大體尚未被探索的疆域。The Changelog 的訪談提到，agentic AI 的興起正在推高對「可自託管、自己掌握」的畫布工具的需求，也正是 SDK 第一年就做到約 100 萬美元收入的背景。市場研究則把 AI 協作白板賽道預估為 2030 年逼近 100 億美元、年複合增速約 28% 的盤子。
最大的爭議是許可與商業化。v4（2025 年 9 月）的許可變更把多頁與分享連結改為需註冊，生產環境 watermark 與付費 key 引發社群反彈。2026 年 1 月，Steve Ruiz 又宣佈自動關閉所有外部 PR——起因是 AI「vibe coding」生成的大量低質 PR 衝擊了維護，issue 與 bug 報告仍保持開放，社群多數表示理解，但這項政策被標註為「臨時」。使用層面，連結即協作的模式意味著長期文件缺乏許可權層級，存在外洩風險；Make Real 依賴外部模型且需自備 key，也帶來成本與資料出境的考量。
適合需要快速把想法畫出來的人：設計師用它做介面原型、開發者用它驗證互動、團隊用它做頭腦風暴和架構草圖；也適合想在自己的產品裡嵌入無限畫布的團隊，直接基於 SDK 開發。不太適合把 tldraw 當正式專案管理系統或正式文件庫的人——它沒有企業級的許可權、版本歷史和模板庫。若你要的是真開源、零成本、端到端加密的協作，Excalidraw 更穩妥；要的是企業級 workshop 與 facilitation，FigJam 或 Miro 更對路；國產替代可看 Drawnix、ProcessOn。
tldraw 把白板做成了「AI 時代的可程式設計畫布」，Make Real 和 tldraw computer 都踩在正確的趨勢上；它真正的護城河不是畫圖，而是那套被 Google、Shopify、BlackRock、Autodesk、Replit 等公司採用的 SDK。代價是，當畫布變成生意，開源共同體與商業化的張力會一直伴隨它。

使用者評論

yellowdog846

—

沒有原生桌面 App 這點一直彆扭，純瀏覽器斷網雖能救一下，但終究沒本地軟體踏實，移動端更是能省就省。

JEbel

—

和 Excalidraw 比，tldraw 的互動更精緻、AI 也更實，但你要的是真·開源零成本加端到端加密，Excalidraw 更穩；要做企業級 workshop，老老實實 FigJam 或 Miro，tldraw 模板庫還是薄了點。

曾芳丹

—

想用 SDK 做商業產品的小團隊一定要先算筆賬。白板本體免費沒錯，但去 watermark、上生產環境一年差不多六千刀，按月付費那檔對小團隊也肉疼，而且 v4 之後多頁和分享連結還要註冊，真不是宣傳裡說的全免費，評估成本的時候別隻看首頁那個 Free。

Kathryn59_0

—

有人把 Whiteboarding 當 SDK 來做，真的太爽了。

RGonzalez_2020

—

免費真香，開個網頁就能畫，不用登入就能協作。

JacobAlvarez

—

Make Real 出來的就是原型級程式碼，不能直接丟進生產環境，這一點官方也沒藏著掖著。但它拿來給甲方演示概念真的絕了，比畫高保真原型圖快十倍，我們組現在做需求評審前都先畫一版草圖點一下生成，當場就能看到能跑的介面，溝通成本一下就降下來了。

徐宇萱

—

VS Code 外掛能直接存 .tldr 進專案倉庫，這個細節是真愛了。

ZacharyThomas007

—

2026 年初那條自動關外部 PR 的新聞我看樂了。說到底也是被 AI 生成的低質 PR 衝怕了，開源維護真的難，理解 Ruiz 的臨時收緊，issue 還開著就行。

zeFiDex

—

移動端到底行不行？我手機上畫兩筆總覺得卡，複雜圖更別提，平時還是乖乖坐電腦前用。

RuthMartinez

—

我把舊平板改成正經計劃本之後，開會就一直開著它記筆記，畫完匯出成圖片直接丟進 NotebookLM。簡單、不搶戲，要的就是這種只做畫布的工具，而不是啥都想塞進去的龐然大物。

Tldraw 2

深度報告

使用者評論

相關連結

同類產品