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

随手圈圈画画就能生成一个网页!

你没听错,这就是GPT-4Vision的新玩法!

开发者Sawyer Hood把demo展示发到到X上,短短几天就有130万查看量,点赞转发收藏2800+

Sawyer Hood表示:自己在获得GPT-4V API访问权限不到5小时内就开发出了这种玩法,可见“未来一片光明”。

我们看一下具体演示流程,首先,输入你想要的文字,加入点赞、分享、评论等功能(这里暗示一下大家的三连:),调整一下文字位置,随手框选:

图片
一会,一个带有这些功能的网页就做好了:

图片
是真实的网页,并且可以点击查看代码。

同样的,在GitHub上,该玩法登顶热榜,狂揽3000+星。

具体原理

以上的演示需要2个工具:tldraw和GPT-4V API

其中tldraw是一个非常好上手的绘图白板。

有画笔、橡皮、箭头、文本框等各种基本绘图工具,还有很多填充效果:

图片
tldraw和GPT-4V的组合原理也很简单:

将当前的画布SVG转换为PNG图像,然后将PNG图像发送给GPT-4,并指示其返回一个包含Tailwind CSS的单个HTML文件。

如果你不会调用GPT-4V API也没关系,现在GPTs中已经有在线设计网页的专属ChatGPT—DesignerGPT

该GPT就可以快速地创建和托管网站,以下是为面包店设计网站的示例:

图片
用户只需要输入需求(为面包店设计一个网站),一会儿Designer GPT就把网站构建好了。网页内容很齐全,包括介绍、配图、菜单经营者等等。

最后,Sawyer Hood推文发出后,一大批网页设计开发人员已经感受到了威胁,而AI的进化似乎还未停止…

来源: 腾云科技局

THE END