周二早上好！現(xiàn)在你看到的是這個(gè)炎熱的 7 月第三波干貨，這一波干貨和往期的偏向有明顯的不同，可能會(huì)更加貼合 UI 設(shè)計(jì)同學(xué)的需求，比如可以隨意復(fù)制粘貼的超大 Figma 組件庫，方便備份和恢復(fù)的插件，可以聯(lián)動(dòng)的超好用管理工具，可以將 Figma 設(shè)計(jì)稿轉(zhuǎn)化為網(wǎng)站的工具，以及將 Figma 設(shè)計(jì)稿轉(zhuǎn)化為代碼的免費(fèi)平臺(tái)。除此之外，還有限時(shí)免費(fèi)的網(wǎng)頁項(xiàng)目素材，有免費(fèi)幫你轉(zhuǎn)換風(fēng)格的頭像生成工具，特別有意思，

當(dāng)然，在此之前記得看看往期干貨中有沒有你感興趣的素材：

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

可以和 Figma 聯(lián)動(dòng)的無代碼網(wǎng)站生成器

https://siter.io/

這是一個(gè)最近比較受歡迎的無代碼網(wǎng)站搭建平臺(tái)，這個(gè)平臺(tái)可以和目前最主流的 Figma 直接聯(lián)動(dòng)，這意味著你可以最大程度地借助這一主流 UI 設(shè)計(jì)工具來達(dá)成目標(biāo)。雖然 Siter.io 是付費(fèi)的服務(wù)，但是它提供免費(fèi)的試用，而且內(nèi)置的功能也最大程度地輔助你完成網(wǎng)站的搭建，比如海量的圖標(biāo)、對各種圖片和視頻素材的支持、各種域名服務(wù)的支持以及設(shè)計(jì)系統(tǒng)的支持，對表單和第三方程序的支持，如果你會(huì)寫代碼，還能進(jìn)行更加深入的定制。

限時(shí)免費(fèi)的高素質(zhì)可商用網(wǎng)頁設(shè)計(jì)素材

https://designboostr.gumroad.com/l/reallygooddesign

這是一套擁有超過 50 個(gè)設(shè)計(jì)項(xiàng)目的完整設(shè)計(jì)素材的免費(fèi)大合集，其中涉及到著陸頁、社交媒體頁面、首頁、品牌視覺設(shè)計(jì)等各種不同的頁面設(shè)計(jì)，這套免費(fèi)的頁面設(shè)計(jì)素材除了免費(fèi)獲取之外，最重要的是可以直接拿來商用，無需標(biāo)明歸屬，不過根據(jù)目前了解的信息，這套設(shè)計(jì)素材是限時(shí)免費(fèi)的，感興趣的同學(xué)請火速下載。

可隨意復(fù)制粘貼的免費(fèi) Figma 組件庫

https://figmacomponents.com/

這個(gè)網(wǎng)站也絕對可以稱得上 UI 設(shè)計(jì)師的良心素材了！這里匯集了大量現(xiàn)成的各色 UI 組件，而且它們是直接同 Figma 兼容的，從最基礎(chǔ)的按鈕組件，到花樣繁多的可視化組件和超大型控件和模塊，這里一應(yīng)俱全，你可以在這里直接復(fù)制你所需要的組件，然后粘貼到你的 Figma 編輯器當(dāng)中，直接使用！

Figma 設(shè)計(jì)節(jié)點(diǎn)備份和跳轉(zhuǎn)插件

https://www.figma.com/community/plugin/1125156339032115371

雖然大家通常都會(huì)單獨(dú)保存設(shè)計(jì)文件，但是依然很容易在眾多設(shè)計(jì)版本當(dāng)中迷失，而這個(gè)名為 Jumpback 的 Figma 插件能夠更加便捷地幫你解決這個(gè)問題，你需要做的就是記得在特定的時(shí)候使用 它保存當(dāng)前的狀態(tài)，然后在后續(xù)設(shè)計(jì)過程中出了狀況，隨時(shí)可以跳轉(zhuǎn)回這個(gè)備份的節(jié)點(diǎn)，當(dāng)然你也可以跳轉(zhuǎn)過去，相當(dāng)方便。

超多獨(dú)特的 3D 抽象幾何圖形素材

https://lostgeometry.xyz/

簡單的裝飾性幾何圖形已經(jīng)不夠用了？那么你可以在這個(gè)合集當(dāng)中，找到 91 款截然不同的、風(fēng)格抽象的 3D 幾何元素，這些元素的建模都是在 Blender 當(dāng)中完成的，這些能夠給畫面帶來更強(qiáng)的視覺表現(xiàn)力。所有的這些元素都有4種截然不同的肌理可供選擇，雖然完整版的服務(wù)是收費(fèi)的，但是你可以完全免費(fèi)獲得 PNG 格式的的素材。

一目了然的設(shè)計(jì)項(xiàng)目管理工具 Taskplane

https://taskplane.app/

這個(gè)名為 Taskplane 的工具本質(zhì)上依然是一個(gè)管理工具，但是它優(yōu)秀的地方在于，你可以將你常見的設(shè)計(jì)項(xiàng)目任務(wù)以一目了然的方式集成到其中，一方面直接連通 Github 、Gitlab、Slack、Figma 等你常用的工具和服務(wù)，另一方面則可以將日常項(xiàng)目的內(nèi)容以標(biāo)簽的形式呈現(xiàn)出來，不再被繁瑣的條目所束縛，更快進(jìn)入工作狀態(tài)，搞定每一個(gè)任務(wù)。

超多樣式的照片轉(zhuǎn)漫畫風(fēng)格服務(wù)

https://socialbook.io/cartoonize

這個(gè)服務(wù)說起來也很簡單，它可以借助機(jī)器學(xué)習(xí)，快速地幫你將現(xiàn)實(shí)的照片轉(zhuǎn)化成為動(dòng)畫形象，而且這些形象可以是截然不同的漫畫風(fēng)格，從迪士尼式的公主風(fēng)，到辛普森一家的搞怪漫畫風(fēng)格，不一而足。

將 Figma 文件轉(zhuǎn)化為可用代碼的服務(wù)

https://www.locofy.ai/

Locofy.ai 是一個(gè)正處于公開測試階段的工具，它可以將你的 Figma 設(shè)計(jì)文檔直接轉(zhuǎn)化為可用的代碼，比如 React、React Native、Html-CSS、Next.js、Gatsby 等等等。這種轉(zhuǎn)化并非生硬的轉(zhuǎn)化，它會(huì)幫你標(biāo)記好響應(yīng)式的斷點(diǎn)、制作好組件甚至獲取實(shí)時(shí)的原型，如果你設(shè)計(jì)的足夠規(guī)整，甚至可以直接部署使用！