2026-4-21 清陽 設(shè)計(jì)資源
Figma 社區(qū)最新推出的資源類型——Figma Weave 工作流——現(xiàn)已上線。Figma Weave 讓您能夠在可視化畫布上構(gòu)建可重復(fù)、可擴(kuò)展的生成式 AI 工作流。現(xiàn)在，您可以直接在 Figma 社區(qū)中探索和復(fù)制 Figma Weave 團(tuán)隊(duì)構(gòu)建的工作流。無論您是想生成新圖像、將圖像轉(zhuǎn)換為視頻，還是將品牌指南擴(kuò)展為插圖集，F(xiàn)igma Weave 都能輕松實(shí)現(xiàn)。
網(wǎng)址： https://app.weavy.ai/
網(wǎng)址： https://www.figma.com/release-notes/
在線的輕量級(jí)矢量編輯器，作者希望像 Figma 向量網(wǎng)絡(luò)那種流暢的操作體驗(yàn)，同時(shí)又想擁有 Blender 修改器的“魔法”。最終的成果是一個(gè)基于 GPU 加速、使用 Go + WASM 構(gòu)建的圖標(biāo)與字形設(shè)計(jì)工作室，并且完全運(yùn)行在瀏覽器中。
它有一些很酷的功能，比如形狀構(gòu)建器、動(dòng)態(tài)鏡像、干凈的 SVG 導(dǎo)入導(dǎo)出、等距繪圖投影等等，還有很多其他特性。整體設(shè)計(jì)比較簡潔克制，但用起來很順手。
網(wǎng)址： https://iso.alasdairmonk.com/
網(wǎng)址： https://x.com/almonk/status/2042127913173057659
在任意網(wǎng)頁上實(shí)現(xiàn)類似 Figma 的設(shè)計(jì)體驗(yàn)，調(diào)整元素樣式、添加評(píng)論，并導(dǎo)出結(jié)構(gòu)化 Prompt 給 AI 開發(fā)與協(xié)作。
Liaison 是一款面向設(shè)計(jì)師、產(chǎn)品經(jīng)理、前端工程師和高頻 AI 用戶的瀏覽器插件。它讓你可以直接在真實(shí)網(wǎng)頁上完成樣式調(diào)整、界面批注和實(shí)現(xiàn)反饋，不再依賴截圖標(biāo)注、文檔補(bǔ)充和反復(fù)描述。你可以像在設(shè)計(jì)工具里一樣選中頁面元素，修改尺寸、間距、字體、顏色、圓角、描邊、投影等屬性，同時(shí)把評(píng)論和修改統(tǒng)一整理成結(jié)構(gòu)化結(jié)果，方便交給開發(fā)或 AI 繼續(xù)實(shí)現(xiàn)。
使用介紹： https://gwrdluzl9j9.feishu.cn/wiki/JWRjwF12ZiSQSrkjHbMcMwfbnPu
最貴的縮放錄屏軟件 Screen Studio，核心功能被 Recordly 復(fù)刻，完全免費(fèi)開源！ 同時(shí)支持 Mac/Windows/Linux。 測試了下，比 Screen Studio 還輕便順滑
網(wǎng)址： https://recordly.dev/
網(wǎng)址： https://github.com/webadderall/Recordly
MingCute 是一套簡約精致的開源圖標(biāo)庫。無論您是設(shè)計(jì)師還是開發(fā)者，它都非常適合用于 Web 和移動(dòng)端項(xiàng)目，同時(shí)提供了 Figma 插件能夠更便捷的在設(shè)計(jì)過程中使用，以及動(dòng)畫圖標(biāo)庫、UI 組件庫、天氣圖標(biāo)等不同場景的素材
網(wǎng)站： https://www.mingcute.com/
Figma 插件： https://www.figma.com/community/plugin/1306884809438005528/mingcute-icon
作者使用 vibe Coding 了一個(gè)支持 Markdown、圖文混排的長文轉(zhuǎn)小紅書圖片生成器，
網(wǎng)址： https://reflow.fehey.com/
一個(gè)微型工具，用于在 localhost 上測量間距并對(duì)齊您的 UI
網(wǎng)址： https://x.com/Ibelick/status/2042508446671499405
體驗(yàn)地址： https://mesurer.ibelick.com/
面向 UI/UX 設(shè)計(jì)師與開發(fā)者，F(xiàn)reefaces Gallery 是一個(gè)精選的免費(fèi)開源字體合集，這意味著您可以在個(gè)人和商業(yè)項(xiàng)目中使用它們，而無需擔(dān)心許可問題。
網(wǎng)址： https://www.freefaces.gallery/
網(wǎng)址： https://fontshare.com/
你可以使用這些基于 SVG 的加載圖標(biāo)來直觀地指示內(nèi)容。 這些動(dòng)畫來自多種來源，均采用 MIT 許可證。因此，它們可以無限制地用于商業(yè)用途，且無需署名。
網(wǎng)址： https://magecdn.com/tools/svg-loaders
作者根據(jù)自身經(jīng)驗(yàn)整理了一份「面向 UI/UX 設(shè)計(jì)師 的 Vibe Coding 完整工作流指南」從用 AI 輔助開發(fā)到 可交付、可上線。
網(wǎng)址： https://vibecodingfang.netlify.app/#
作者在 Figma 中 1 小時(shí)繪制的小組件，好玩的是發(fā)帖后有人回復(fù)了在線的地址，將組件實(shí)現(xiàn)為了可以使用的音樂播放器，在 AI 時(shí)代還是需要審美創(chuàng)造力的，可以通過鏈接體驗(yàn)
網(wǎng)址： https://x.com/AdityaSur11/status/2038881480898756695
網(wǎng)址： https://audio.snvshal.workers.dev/
作者為自己的博客增加了多種閱讀狀態(tài)，讓視覺外觀不止是淺色、深色，增加了樹影、月色、下雨、下雪等多種自然狀態(tài)，網(wǎng)站右上角可以切換體驗(yàn)
網(wǎng)址： https://theme-switch.pages.dev/
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.payeee.cn 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.payeee.cn