隨手一畫就能生成網(wǎng)頁！GPT-4V新玩法登頂GitHub熱榜，狂攬3000+??：

現(xiàn)在只要簡(jiǎn)單畫一畫，框一框，點(diǎn)擊執(zhí)行：

“啪”地一下，一個(gè)帶有各種“按鈕”的網(wǎng)頁就做好了：

對(duì)應(yīng)代碼也一覽無余：

整個(gè)操作過程十分快捷簡(jiǎn)單。

新玩法不只在GitHub上火，開發(fā)者Sawyer Hood把demo展示po到??上，也迅速走紅，點(diǎn)贊轉(zhuǎn)發(fā)收藏2700+：

Sawyer Hood還表示，自己在獲得GPT-4V API訪問權(quán)限不到5小時(shí)內(nèi)就開發(fā)出了這種玩法，可見“未來一片光明”。

走過路過的網(wǎng)友留下了下巴，滿評(píng)飄瘋狂：

然鵝，還有一小撮網(wǎng)友“罵罵咧咧”趕來：

點(diǎn)開主頁一看，原來這波人是網(wǎng)頁設(shè)計(jì)開發(fā)相關(guān)從業(yè)者??。

這位web開發(fā)者更是直呼“感受到了威脅”：

啊這……

其實(shí)Gen-2最近也有一個(gè)畫畫新功能，隨手涂一涂就能讓畫面動(dòng)起來：

好家伙，現(xiàn)在干點(diǎn)什么都流行隨手畫了嗎？主打一個(gè)省事兒，省prompt。

繪制工具為開源白板

要做到上面的畫畫秒生網(wǎng)頁，需要用到兩個(gè)工具：tldraw和GPT-4V API。

其中tldraw是一個(gè)非常簡(jiǎn)單好上手的開源在線白板。

有畫筆、橡皮、箭頭、文本框等各種基本繪圖工具，還有很多填充效果：

tldraw和GPT-4V的組合原理也很簡(jiǎn)單：

將當(dāng)前的畫布SVG轉(zhuǎn)換為PNG圖像，然后將PNG圖像發(fā)送給GPT-4，并指示其返回一個(gè)包含Tailwind CSS的單個(gè)HTML文件。

考慮到不是人人都能訪問GPT-4V API。

有網(wǎng)友用ChatGPT plus用戶新增的GPTs功能創(chuàng)建了DesignerGPT，也可超快速地創(chuàng)建和托管網(wǎng)站。

參考鏈接：
[1]https://twitter.com/sawyerhood/status/1721717738941698389。
[2]https://twitter.com/xiaohuggg/status/1723537400461430794?s=20。