ARTICLE · 1110795
凯哥收录全球AI工具 056期 草图秒变可交互网页 Makereal Tldraw
凯哥收录全球AI工具 056期 草图秒变可交互网页 Makereal Tldraw凯哥创业情报局，专门帮普通人挖掘全球AI工具，助你成为商业战场上的特种兵，不仅升职加薪，还能一人创业！ 
你有没有想过，你随手在白板上画的一个网页草图，几秒钟之后就能变成一个真正能点击、能交互的网页，甚至还能直接发给朋友体验？以前这得懂前端、学代码、调布局，折腾好几天。现在不一样了。 今天跟大家分享的AI工具叫Makereal Tldraw，它是一个把“手绘草图”变成“可运行网页”的实验性工具。你不用会写代码，只需要在画布上把想法画出来，圈选之后点一下按钮，AI自动帮你生成一个真的能用的网页原型。不用被那些专业术语吓到，打开网页就能用。 
你可以打开makereal.tldraw.com，用画笔工具在画布上画一个简单的界面草图，比如一个带按钮和输入框的登录页，圈选你的草图，点“Make Real”按钮，它就在画布上生成一个真正能点击的网页组件，你当场就能输入文字、点按钮看效果。你可以把生成的网页直接分享链接发给朋友，对方打开就能体验，不用你写一行代码。你可以把这个生成的组件继续修改、调整，再让它重新生成，反复迭代到满意为止。做产品原型、做网页演示、做交互概念验证，它都能在几分钟内帮你搞定。 想创业但没钱请技术团队的产品爱好者，做运营需要快速出活动落地页原型给老板看的职场人，一个人做独立开发需要验证产品想法的程序员，做设计需要跟开发沟通交互细节的设计师，以及所有“脑子里有个网页想法但不知道怎么把它变成真的”的普通人，这个工具都值得试试。 
Makereal Tldraw由tldraw团队打造，tldraw本身是一个开源的无限画布白板工具，在GitHub上很受欢迎。这个Make Real功能原本是团队的一个实验性项目，2023年11月发布后意外走红。它的原理是：你用tldraw的画布工具画出UI草图，选中之后按下按钮，系统会把你画的图截取下来，发送给OpenAI的GPT-4V模型，让AI“看”懂你画的是什么，然后生成对应的HTML、Tailwind CSS和JavaScript代码，最后把生成的网页嵌回画布上的一个组件里，你可以直接在画布上跟它交互。它支持接入OpenAI和Anthropic等不同模型提供商的API密钥。目前这个功能是免费开放的，但需要你自己提供一个OpenAI的API密钥才能使用，API调用产生的费用由OpenAI按用量收取，跟tldraw无关。tldraw本身对于个人和非商业用途是免费的。 凯哥选品建议：这个工具最适合“有想法但不会写代码”的产品爱好者，用来快速验证一个网页交互的想法。它生成的是可运行的原型，不是能直接上线的成品网站，适合用来演示和沟通，不适合直接当最终产品用。如果你没有OpenAI的API密钥，需要先去OpenAI官网申请一个，并确保账户里有余额，否则生成功能用不了。另外它是实验性项目，功能可能随时调整。 关注凯哥的意义就是，别人踩过的坑你不用再踩了，把别人偷偷在用的各种AI工具，拿来就用！想要更多创业情报的，联系我！ 📦 更多AI工具情报 & 一人创业项目资料 👇点击下方小程序，立即查看