以畫布為基礎的線框輸入
使用者在 tldraw 畫布上繪製線框圖，應用程式會將所選圖形擷取為 JPEG 圖片供 AI 處理。
Make Real
Make Real 是一款 Next.js 應用程式，可將手繪 UI 草圖轉換為可運作的 HTML 原型。它建立於 tldraw SDK 之上，並設計為這樣的工作流程：使用者在畫布上繪製線框圖，將其送往 AI model，並在內嵌預覽中檢視產生的介面。
Repository 文件指出，這個應用程式可搭配 OpenAI、Anthropic 或 Google AI models 使用，並支援讓三個供應商同時執行的模式。產生的 HTML 會串流到預覽圖形中，完成的輸出則可透過連結分享或匯出至 Replit。
核心功能
串流式原型產生
應用程式會將圖片與提示詞傳送到 AI provider 路由，並串流回傳產生的 HTML，讓預覽可隨輸出到達而更新。
內嵌 HTML 預覽
產生的程式碼會透過 iframe 在自訂預覽圖形中呈現，因此可直接在畫布上檢視結果。
平行多 provider 執行
「all」provider mode 可同時執行 OpenAI、Anthropic 與 Google，並為每個結果建立獨立標記的預覽。
迭代式精煉
當選取先前的預覽圖形時，可將其 HTML 納入下一輪產生，以進行迭代式精煉。
輸出分享與匯出
應用程式支援複製 HTML 或 URL、在新視窗開啟預覽，以及將產生的 HTML 匯出到 Replit。
常見使用情境
從線框圖交接到原型
設計師或產品負責人在畫布上草繪 UI，並希望快速得到可運作的原型，以便檢視互動與版面構想，而不必從程式編輯器重新開始。
模型比較工作流程
建置者在一次執行中比較多個模型的輸出，以了解不同 provider 如何解讀同一張草圖與提示詞。
精煉現有原型
團隊成員透過選取先前的預覽圖形，並要求下一輪產生納入之前的 HTML，來反覆修改草稿。
分享與交接
與他人分享概念的人會使用產生的連結或匯出的 Replit 專案，將原型帶出編輯器。
本機開發與自訂
從 repository 進行工作的開發者會使用 Yarn 指令在本機執行應用程式，以檢視或修改產生流程。
Pros and Cons
Pros
- 可在相同的畫布工作流程中，將繪製的線框圖轉換為已渲染的 HTML 原型。
- 支援多個 AI provider，包括可並排產生的 all-provider mode。
- 將產生的 HTML 串流到預覽中，因此在執行尚未結束前就能看到結果。
- 可將先前產生的 HTML 回饋到下一輪，支援迭代式精煉。
- 提供連結分享與 Replit 匯出選項，方便將原型移出編輯器。
Cons
- Repository 表示專案中沒有測試套件。
- 目前設定中停用了 TypeScript strict mode。
- 應用程式依賴外部 AI provider 金鑰與環境設定，因此不是完全自成一體的離線工具。
FAQ
Make Real 是做什麼的？
Make Real 是一款建構於 tldraw SDK 的 Next.js 應用，透過 AI 將手繪線框圖轉換為可運作的 HTML 原型。文件指出它可使用 OpenAI、Anthropic 或 Google AI models 進行產生。
要如何在本機執行？
文件指出此專案沒有測試套件，開發時可使用 Yarn 指令，例如 `yarn dev`、`yarn build`、`yarn start` 與 `yarn lint`。實際產品可在 makereal.tldraw.com 使用。
它支援多個 AI providers 嗎？
可以。文件說明在「all」provider mode 下，應用程式會以 `Promise.allSettled` 同時執行 OpenAI、Anthropic 與 Google，並為每個結果產生標記預覽。
產生的結果會怎麼處理？
產生的 HTML 會顯示在自訂的 tldraw 預覽圖形中。文件也表示，完成的 HTML 可上傳至 Vercel Postgres 以便分享連結，且應用程式支援開啟或複製產生的輸出。
Quick Facts
- 分類
- 開發者工具
- 平台
- Next.js 網頁應用程式
- 主要工作流程
- 在 tldraw 畫布上繪製線框圖並產生 HTML 原型
- AI providers
- OpenAI、Anthropic 與 Google AI
- 來源網域
- github.com
- 線上網站
- makereal.tldraw.com
Make Real 替代品
GenMB
GenMB 是一款 AI 網頁應用程式建置工具，可用自然語言提示快速生成包含前端、後端、資料庫、驗證與自動化的完整全端應用，適合個人與團隊建立並發布可用網站。
Prompty Town
Prompty Town 是一個把連結變成小型網路城市建築的網頁產品。可購買一個方格、加入提示詞，並將結果發布在其他建築旁。
beehiiv
beehiiv 是為創作者、出版商與品牌打造的電子報平台，能在同一處建立、成長並變現 Email 電子報與網站。提供免費 Launch 方案，另有付費方案支援更進階的成長、變現與支援功能。
PixelDrive
PixelDrive 是一款批次圖片生成 API，可透過瀏覽器編輯器、REST API、CSV 批次或 MCP，從單一模板快速產生大量一致的品牌圖片，採用用量計費並支援快取渲染。
Speculos
Speculos 是 Claude Code 的部署工具，可將你建立的內容發布成可分享的 URL。支援私有、組織內或公開應用，並提供公司網域、資料連線與客戶雲端部署的團隊控管。
Awish
Awish 是一款 AI 驅動的無代碼自動化平台，可將自然語言需求轉為跨已連結應用程式的自動化工作流程，協助個人與團隊免手動設定即可自動化重複任務、聊天式助理與流程更新。