基于画布的线框输入
用户在 tldraw 画布上绘制线框图，应用会将所选图形捕获为 JPEG 图像供 AI 处理。
Make Real
Make Real 是一款 Next.js 应用，可将手绘 UI 草图转为可运行的 HTML 原型。它基于 tldraw SDK 构建，适用于这样的工作流：用户在画布上绘制线框图，将其发送给 AI 模型，并在嵌入式预览中查看生成的界面。
仓库文档说明，该应用可与 OpenAI、Anthropic 或 Google AI 模型配合使用，并支持三者同时并行运行的模式。生成的 HTML 会流式输出到预览形状中，完成后的结果可通过链接分享或导出到 Replit。
核心功能
流式原型生成
应用将图像和提示发送到 AI 提供商路由，并流式返回生成的 HTML，使预览可以随着输出到达而更新。
内联 HTML 预览
生成的代码通过 iframe 在自定义预览形状内渲染，因此可以直接在画布上查看结果。
并行多提供商运行
“all” 提供商模式可同时运行 OpenAI、Anthropic 和 Google，并为每个结果创建单独带标签的预览。
迭代优化
当选中之前的预览形状时，可将其 HTML 纳入下一轮生成，以进行迭代式优化。
输出分享与导出
应用支持复制 HTML 或 URL、在新窗口打开预览，以及将生成的 HTML 导出到 Replit。
常见使用场景
从线框图到原型的交付
设计师或产品负责人在画布上草绘 UI，希望快速得到一个可运行的原型，用来审查交互和布局思路，而无需从代码编辑器里重新开始。
模型对比工作流
构建者在一次运行中比较多个模型的输出，查看不同提供商如何解读同一草图和提示。
优化现有原型
团队成员通过选中之前的预览形状，并要求下一次生成纳入先前的 HTML，来对草稿进行迭代。
分享与交接
与他人分享概念的人会使用生成的链接或导出的 Replit 项目，将原型移出编辑器。
本地开发与自定义
从仓库本地开发的开发者使用 Yarn 命令在本地运行应用，以检查或修改生成流程。
Pros and Cons
Pros
- 能在同一画布工作流中将手绘线框图转换为渲染后的 HTML 原型。
- 支持多个 AI 提供商，包括用于并排生成的 all 提供商模式。
- 将生成的 HTML 流式推送到预览中，使结果在运行完成前即可可见。
- 通过把先前生成的 HTML 回传到下一轮，支持迭代式优化。
- 提供链接分享和 Replit 导出选项，便于将原型移出编辑器。
Cons
- 仓库说明该项目中没有测试套件。
- 当前配置中已禁用 TypeScript 严格模式。
- 该应用依赖外部 AI 提供商密钥和环境配置，因此并不是完全自包含的离线工具。
FAQ
Make Real 是做什么的？
Make Real 基于 tldraw SDK 构建，是一款 Next.js 应用，可使用 AI 将手绘线框图转换为可运行的 HTML 原型。仓库说明指出，它可以使用 OpenAI、Anthropic 或 Google AI 模型进行生成。
如何在本地运行？
仓库说明该项目没有测试套件，开发可通过 Yarn 命令完成，例如 `yarn dev`、`yarn build`、`yarn start` 和 `yarn lint`。线上产品可在 makereal.tldraw.com 访问。
它支持多个 AI 提供商吗？
可以。文档说明在“all”提供商模式下，应用会使用 `Promise.allSettled` 并行运行 OpenAI、Anthropic 和 Google，为每个结果生成带标签的预览。
生成结果会如何处理？
生成的 HTML 会渲染到自定义的 tldraw 预览形状中。文档还说明，完成后的 HTML 可上传到 Vercel Postgres 用于链接分享，并且应用支持打开或复制生成结果。
Quick Facts
- 类别
- 开发工具
- 平台
- Next.js Web 应用
- 主要工作流
- 在 tldraw 画布上绘制线框图并生成 HTML 原型
- AI 提供商
- OpenAI、Anthropic 和 Google AI
- 源域名
- github.com
- 线上站点
- makereal.tldraw.com
Make Real 替代品
GenMB
GenMB 是一款 AI 网页应用构建器，可通过自然语言提示生成包含前端、后端、数据库、身份验证和自动化的全栈 Web 应用。
Prompty Town
Prompty Town 将链接变成小型互联网城市中的一栋建筑。用户可购买地块、添加提示词，并将结果与其他建筑一起发布展示。
beehiiv
beehiiv 是一款面向创作者、出版商和品牌的 newsletter 平台，可在一个地方搭建、增长并变现电子邮件 newsletter 和网站。提供免费 Launch 方案及付费套餐，支持更高级的增长、变现和支持功能。
PixelDrive
PixelDrive 是一款批量图片生成 API，可通过浏览器编辑器、REST API、CSV 批量导入或 MCP，基于单一模板快速生成多张品牌图片，适合需要可缓存渲染和按使用量计费的团队。
Speculos
Speculos 是一款面向 Claude Code 的部署工具，可将你构建的内容发布为可分享链接。支持私密、组织内或公开应用，并提供公司域名、数据连接和客户云部署等团队控制。
Awish
Awish 是一款 AI 驱动的无代码自动化平台，可将自然语言请求转化为连接应用间的自动化工作流，帮助个人和团队减少重复任务与手动配置。