進入3月，天氣終于暖和起來了。這是 2023 年 3 月的第 1 波設計干貨合集！UI 設計師所期待的 AI 生成 UI 終于來了，雖然處于開發早期，但是也值得看看。與此同時，還有人將 ChatGPT 和 Tailwind 結合到一起來用，使用這個服務，你干脆可以直接獲得相應的 CSS 和 HTML 代碼！當然，AI 生成可能滿足不了設計和前端同學的需求，沒關系，這一期還有高素質的設計系統和完全免費可商用的網頁模板！
當然，在此之前記得看看往期干貨中有沒有你感興趣的素材：
下面我們具體看看這一期的干貨：
生成式 AI 可塑性確實很強，之前我們看到的很多生成式 AI 工具大都是用來生成圖片，而 UI 這種規律性的設計其實也相當貼合 AI 生成的邏輯。這個名為 Galileo Ai 的新服務就是干這個的——你只需要提供一組描述詞，它就能生成效果還不錯的 UI 界面，也許還沒有辦法生成可用性極強的產品級別 UI 流程，但是對于很多 APP 而言，這也是一個不錯的開始了，對吧？
目前 Galileo Ai 還處于早期調試階段，對此感興趣的同學可以注冊體驗一下。就像上周文章里的游戲設計項目一樣，用好 Ai 生成可以省去大量的前期工作：
https://www.btw.so/tools/chat-gpt-tailwind-css-components
如果你的團隊正在使用 Tailwind，那么這套工具 Tailwind CSS 組件生成工具一定要嘗試一下，它結合了當下大熱的 ChatGPT，你只需要寫下你需要的組件的描述和關鍵詞，選擇你要的主色和次要色，然后就能生成你要的 UI 組件，這個時候在左上角可以切換成 代碼模式，你可以稍加調整，將其應用到你的 Tailwind 代碼當中。
雖然 AI 生成 UI 已經出現了，但是高品質的設計系統依然是設計項目中的剛需。這個名為 Blank System 的設計系統包含 2000 多個組件和 500 多個可自定義的全局樣式，整個系統都是高度可擴展的。如果你需要快速創建一個著陸頁，使用 Blank 幾乎可以在幾分鐘內快速完成調整和設計。這套系統還額外配備了一套百搭的抽象 3D 圖形素材。這套設計系統提供一個輕量級的免費版供個人用戶使用，可以輕松在 Figma 當中編輯測試。
這個名為 htmlrev 的網站出自一名網頁開發者之手，為了惠及同樣忙于到處找免費模板和素材同行，干脆自己創建了這個網站，匯總了 50 個高素質、免費可商用的免費 HTML 模板，這些模板大多使用 Bootstrap 4 或者 5，支持 Google fonts，font awosome 等主流和流行插件，模板內的代碼也大都非常易于閱讀，模板自身附帶有可用的圖片素材，有需求的同學一定不要錯過。
https://prokit.gumroad.com/l/free_editable_UIkits
這個名為 Prokit 的設計素材合集，是耗費了幾周時間精心挑選整合出來的免費資源和素材，其中包括超過 150 套用于移動端和桌面端的 UIkit 和 50 多套設計系統，這些分散在互聯網各個角落的免費設計工具，能夠讓你事半功倍地設計 UI，其中不乏一些結合了最新的趨勢和技術的設計系統和素材，有需求的 UI/UX 設計師可以收藏一波。
超大型 3D 角色素材哭 Avatarz 升級到 2.0了，這套 3D 角色庫可以針對角色進行更加深入的定制，不僅僅是衣服、膚色和發型等基礎的組件可選，而且包括眼睛的輪廓、表情細節也全都可以定制，諸多定制元素排列組合下能夠生成的不同角色造型數量超過 4 億種，絕對能夠滿足絕大多數的角色設計需求。如果你不知道你能不能用得來這套角色庫，可以先下載他們的免費 Demo，體驗一把。即使你不會使用 3D 編輯工具，AvatarZ 同樣提供 PNG 格式的素材，輕松拼接調整。
https://iconscout.com/plugins/for-figma
我們之前推薦過很多 IconScout 所出品的素材合集，他們會根據設計師的日常設計需求，在不同的節日輸出主題的圖庫和資源，為不同類型的設計設計師提供特定類型的干貨。如今 IconScout 也推出了自己的 Figma 插件，方便設計師在設計過程中一鍵獲取自己所需要的資源。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 5 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓