GPT-4V新玩法：随手一画就能生成网页！

你没听错，这就是GPT-4Vision的新玩法！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

开发者Sawyer Hood把demo展示发到到X上，短短几天就有130万查看量，点赞转发收藏2800+文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

我们看一下具体演示流程，首先，输入你想要的文字，加入点赞、分享、评论等功能（这里暗示一下大家的三连:），调整一下文字位置，随手框选：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

同样的，在GitHub上，该玩法登顶热榜，狂揽3000+星。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

具体原理文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

以上的演示需要2个工具：tldraw和GPT-4V API。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

其中tldraw是一个非常好上手的绘图白板。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

有画笔、橡皮、箭头、文本框等各种基本绘图工具，还有很多填充效果：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

将当前的画布SVG转换为PNG图像，然后将PNG图像发送给GPT-4，并指示其返回一个包含Tailwind CSS的单个HTML文件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

如果你不会调用GPT-4V API也没关系，现在GPTs中已经有在线设计网页的专属ChatGPT—DesignerGPT。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

该GPT就可以快速地创建和托管网站，以下是为面包店设计网站的示例：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

最后，Sawyer Hood推文发出后，一大批网页设计开发人员已经感受到了威胁，而AI的进化似乎还未停止…文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

来源： 腾云科技局文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html