我这周末在家刷着手机,被一个简洁,但又充满细节质感的App的UI设计给惊艳到了。
当时我就在想,这要是能直接扒下来用就好了。
又一个不切实际的想法,对吧。
但你猜怎么着。
我真的在GitHub上找到了一个能实现这个想法的逆天项目。
一张图,喂给AI
它的名字非常直接,就叫 「screenshot-to-code」。
❝一个能把任何一张网页截图,直接转换成HTML、Tailwind CSS,甚至React或Vue代码的AI。
❞
说实话,刚看到这个项目的时候,我第一反应是,靠谱吗?
毕竟现在画饼的AI项目太多了,多到我都麻木了。
抱着试一试的心态,我还是动手跑了一下。
我直接「咔嚓」截了一张图。
然后把图扔给它。
整个过程就像在和AI聊天一样。它会先生成一个预览,问你满不满意。
不满意?
那你可以直接用自然语言告诉它要改哪里,怎么改。
这个交互模式就很有意思,有点像你在跟一个设计师沟通,但他是个反应
超快且不知疲倦的AI。
比如,我对它生成的某个图标不满意,我可以直接说:
❝把这个图标换成一个更有科技感一点的。
❞
它……
真就改了。
我又试了一下它的代码。
最后生成出来的代码,非常干净且是响应式的。
首先我不是专业前端,但这个结果,我觉得已经超越了市面上90%的初级
前端工程师了。
跑偏了哈。这里不是要拉踩前端工程师的意思,我只是想表达我的震惊。
继续刚刚的话题。
我又测了一下它的核心逻辑,它其实是把几个我们很熟悉的东西缝合到了一起。
用GPT-4 Vision来理解这张图的结构,然后用DALL-E 3来生成相似的图片元素,最后,把所有东西拼成代码。
嗯,一个很聪明的组合。
创造的门槛,正在消失
这个工具的出现,意味着什么?
我觉得,它并不是要取代前端工程师,而是给了无数像我一样,有想法,
但没有代码能力的人,一个快速把想法变成现实的工具。
设计的门槛,代码的门槛,正在被AI一点点抹平。
以前,你需要一个完整的团队。一个产品经理,一个UI设计师,一个前端工程师。
现在,你可能只需要一个有想法的人,和一个AI。
也许很多人都开始焦虑,AI会不会让大家失业。
但我看到的是另一种可能。
AI不是来跟我们抢饭碗的。它是来给我们每个人,发了一套全新的,更强大的工具。
它让创造不再是少数人的特权。
这无疑是一个让人焦虑的时代,是因为变化太快了。但换个角度看,这更是一个让人兴奋的时代,因为可能性太多了。
这也是个伟大的时代。
而我们,也都登上了我们自己的舞台。
「以上,既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧,如果想第一时间收到推送,也可以给我个星标⭐~谢谢你看我的文章,我们,下次再见。」
作者介绍:taskinai(vx:skingko)
——链接我,我将用键盘拯救你的技术宇宙!

