第三波！2022年7月精選實用設(shè)計干貨合集

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

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

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

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

https://siter.io/

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

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

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

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

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

https://figmacomponents.com/

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

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

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

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

超多獨特的 3D 抽象幾何圖形素材

https://lostgeometry.xyz/

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

一目了然的設(shè)計項目管理工具 Taskplane

https://taskplane.app/

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

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

https://socialbook.io/cartoonize

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

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

https://www.locofy.ai/

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