大家好，這是 2024 年 9 月的第 2 波干貨合集！

今天推薦的在線工具和合集類的網(wǎng)站比較多，其中有 AI 工具合集網(wǎng)站，也有免費(fèi)素材網(wǎng)站，有網(wǎng)頁設(shè)計(jì)靈感網(wǎng)站，也有最近比較少出現(xiàn)的免費(fèi)插畫素材合集網(wǎng)站，基本上足以覆蓋絕大多數(shù)設(shè)計(jì)項(xiàng)目能用到的工具和資源類型。另外，AI 工具也同樣存在，其中之一是 AI 摳圖工具，另外一個(gè)則相當(dāng)強(qiáng)大，是基于對話式AI的前端UI界面生成平臺，對于很多前端能力比較差，但是又想做點(diǎn)工具啥的同學(xué)而言，這個(gè)平臺可以幫助大家一步登天搞定代碼生成！

當(dāng)然，在繼續(xù)閱讀下去之前，記得看看往期干貨中有沒有你感興趣的素材：

下面我們具體看看這一期的干貨:

1、直接生成前端代碼和界面的 AI 平臺

https://v0.dev/chat

學(xué)習(xí)前端代碼本身似乎并不復(fù)雜，但是有平臺能夠直接生成代碼、預(yù)覽效果，似乎更有性價(jià)比。可能對于有前端和開發(fā)經(jīng)驗(yàn)的同學(xué)而言，直接實(shí)現(xiàn)某個(gè)頁面效果并不算是太復(fù)雜的事情，但是對于沒有代碼經(jīng)驗(yàn)的同學(xué)而言，直接使用 AI 跑出代碼甚至直接落地成為可以運(yùn)行的程序還是非常有意義的。

這個(gè)名為 v0 的平臺借助 AI 可以直接實(shí)用聊天界面來提出需求，生成可以交互的 UI 界面，你可以在對話窗口的右側(cè)直接看到代碼和預(yù)覽窗口，通過對話來微調(diào)你的需求，完成之后，可以 Fork 或者直接發(fā)布出來，但是這些都只是前端界面，如果你想讓它徹底跑起來，可以在自己電腦上配置環(huán)境，點(diǎn)擊Fork 左側(cè)的按鈕添加到代碼庫，因?yàn)檫@個(gè)項(xiàng)目可以借由 Shadcn 這個(gè) UI 庫幫你將這個(gè)跑出來的前端界面落地為程序。

當(dāng)然，對于有代碼經(jīng)驗(yàn)的同學(xué)而言，這個(gè)工具生成的代碼可能沒那么理想，修改成本可能比重寫還要高，但是對于想要體驗(yàn)一下制作網(wǎng)頁或者 web 程序的小白或者設(shè)計(jì)師同學(xué)而言，還是相當(dāng)有意思的。

2、免費(fèi)設(shè)計(jì)干貨合集網(wǎng)站

https://freebiesbug.com/

如果你正在搜尋頂級的免費(fèi)設(shè)計(jì)素材的話，這個(gè)名為 FreebiesBug 的網(wǎng)站，應(yīng)該出現(xiàn)在你的收藏夾里。網(wǎng)站搜集整理了大量的免費(fèi)素材之后，從中審核精選出 2000 多個(gè)免費(fèi)資源，從樣機(jī)、字體、模板到圖標(biāo)全部覆蓋，都是精心挑選的，這也意味著你在選擇過程中，很多素質(zhì)平庸、效果不夠突出以及付費(fèi)的素材，都已經(jīng)被篩選掉了。

需要注意的是，F(xiàn)reebiesbug 這個(gè)網(wǎng)站所搜集整合的免費(fèi)干貨，網(wǎng)站本身并不存儲，點(diǎn)擊下載按鈕后可能會跳轉(zhuǎn)到其他的原始來源網(wǎng)站。

3、超級豐富的 AI 工具合集網(wǎng)站

https://www.nextool.ai/

NexTool 是由 Jafar Najafov 和 Agil Zeynalov 共同創(chuàng)立的一個(gè) AI 工具推薦平臺，和很多同類的網(wǎng)站一樣，它主要的提供的是 AI 工具的介紹和導(dǎo)航，對于偏愛最新 AI 設(shè)計(jì)工具的同學(xué)而言，這個(gè)網(wǎng)站也是一個(gè)發(fā)掘新的 AI 工具的好地方，目前這個(gè)網(wǎng)站搜集整理了超過 1 萬款 AI 工具，內(nèi)容相當(dāng)可觀。

4、免費(fèi)圖片背景去除工具

https://bestbackgroundremover.com/

和很多同類的工具類似，Background Remover 提供了足夠簡單直接地背景圖片去除方案，圖片拖進(jìn)去，主體摳出來。目前 Background Remover 是完全免費(fèi)的，從目前的效果來看，摳圖的效果還是頗為不錯(cuò)的。網(wǎng)站還承諾你所上傳的圖片內(nèi)容是私密的。

5、 高品質(zhì)網(wǎng)頁設(shè)計(jì)案例靈感網(wǎng)站

https://vault.webbuilders.us/

這個(gè)網(wǎng)頁設(shè)計(jì)案例靈感網(wǎng)站，本質(zhì)上其實(shí)是在線頁面搭建工具 Web Builders 的一個(gè)子頁面，其中匯集了很多設(shè)計(jì)和實(shí)施上很有特色的優(yōu)質(zhì)設(shè)計(jì)案例，不過這些網(wǎng)站并沒有按照類別進(jìn)行詳細(xì)的劃分，不過在你點(diǎn)擊某個(gè)網(wǎng)站之后，可以進(jìn)入子頁面查看具體的介紹和標(biāo)簽，當(dāng)然也有對應(yīng)截圖的原始網(wǎng)站鏈接，你可以跳轉(zhuǎn)之后查看更多的設(shè)計(jì)細(xì)節(jié)。不過，作為一個(gè)靈感搜集類的網(wǎng)站存在，它已經(jīng)是綽綽有余了。

6、免費(fèi)插畫素材合集網(wǎng)站

https://pixels.market/

最近難得發(fā)現(xiàn)一個(gè)免費(fèi)的插畫類素材網(wǎng)站，這個(gè)網(wǎng)站匯集了 一萬多套高品質(zhì)的開源免費(fèi)的插畫和圖標(biāo)素材，最重要的是，這些插畫和圖標(biāo)素材大都可以下載 SVG 和 PNG 格式的，系統(tǒng)自帶的編輯器則可以讓你輕松編輯配色、處理細(xì)節(jié)和屬性，方便你針對插畫和圖標(biāo)進(jìn)行快速的二次處理，以貼合你的需求。這個(gè)網(wǎng)站提供的內(nèi)容是完全免費(fèi)的，對于插畫素材有需求的同學(xué)，一定要收藏起來。