从草图到网站，只需几笔：GPT-4 Turbo背后的Make Real魔法！

Make Real是一项创新技术，它允许用户通过绘制图形界面的原型图，快速生成可运行的代码。这项技术的核心在于结合了GPT-4 Turbo的先进视觉能力，使得从设计到代码的转换过程变得更加高效和直观。

据统计，使用Make Real功能，用户可以在不到60秒的时间内重现经典游戏如乒乓球游戏Pong。这表明，Make Real不仅能够处理静态的UI设计，还能够处理动态的、具有交互性的内容。此外，产品设计师Ammaar Reshi在不到20分钟内实现了贪吃蛇游戏的源代码编写，这一速度是前所未有的。

在Make Real的帮助下，独立开发者能够在短时间内创建复杂的应用程序。例如，Felix Bade在2.5小时内完成了WebGL上的生活彩色游戏制作，这在以前是难以想象的。这些案例展示了Make Real在提高开发效率方面的潜力。

Make Real的工作原理是通过用户在白板上绘制草稿，然后利用GPT-4 Turbo的AI能力，将草稿图片与文本模版整合，通过API的方式发送给GPT，再将返回的代码文本渲染到白板的iframe中进行预览。这种方式不仅简化了开发流程，还使得非专业开发者也能够轻松创建网站和应用程序。

在实际应用中，Make Real已经展现出了其强大的功能。例如，开发者利用Make Real创建了在线钢琴应用，用户可以在网页上弹奏钢琴，这证明了Make Real在处理多媒体内容方面的能力。此外，还有开发者通过Make Real链接高德天气API，创建了天气预报页面，这展示了Make Real在整合第三方API方面的潜力。

Make Real的另一个亮点是其对细节的处理能力。在设计稿中绘制的常规Web页面，如菜单、图表、表格等元素，Make Real生成的代码还原度非常高，基本完全理解了草稿中的意图。这表明，Make Real在处理常见的Web UI设计时，能够提供高质量的代码输出。

复制Poe网页

然而，Make Real在处理独特设计时的表现则略有不足。例如，当绘制不常见的元素组合时，生成的代码在位置、样式部分的还原度较低。这可能是因为GPT-4 Turbo模型在处理非常规内容时，仍然存在一定的局限性。

尽管如此，Make Real的创新性不容小觑。它通过生成绘制组件的base64编码PNG图像，然后将其传递给GPT-4 Vision，使用系统提示和指令将图像转换为使用Tailwind的文件，极大地简化了开发流程。这种从原型图到生成真实可用代码的过程，是AI技术在前端开发领域的一大突破。

Make Real结合了GPT-4 Turbo的视觉能力和强大的AI处理能力，为用户提供了一个从设计到代码的快速转换工具。它不仅提高了开发效率，降低了开发门槛，还为前端开发领域带来了新的可能性。随着技术的不断进步和优化，我们有理由相信，Make Real将在未来的Web开发中扮演越来越重要的角色。

Make Real图形生成代码 体验群，利用GPT-4 Vision技术将原型图转化为真实可用代码，多模态大模型的经典案例，你想用画草图的方式自己做个网站吗？