Figma作為一款基于瀏覽器的設(shè)計工具,有著非常豐富的插件庫,能提供給大家高效便捷的設(shè)計體驗。
在這里,我們盤點了2023年設(shè)計師必備的30款Figma插件,希望能幫助大家在Figma中作圖,就如呼吸一般順暢簡單。話不多說,直接上插件!
摹客Figma插件可以將Figma設(shè)計稿同步導(dǎo)入進(jìn)摹客項目中,輕松實現(xiàn)交付、評審等功能。能很好地解決Figma交付需要依托于外網(wǎng),不用加速器讀取效率就會很受限的問題。將設(shè)計稿上傳至平臺后,也可以通過摹客進(jìn)行設(shè)計稿交互、版本對比等等,幫助大家去反復(fù)思考自己的設(shè)計稿,建立更完善的設(shè)計邏輯。
Mockplus 界面介紹
摹客 Figma 插件同時也支持將組件名稱上傳至協(xié)作平臺,開發(fā)可以直接看見組件名稱,開發(fā)效率杠杠的!
除此之外,摹客協(xié)作平臺還能幫助設(shè)計師完成設(shè)計規(guī)范管理,任務(wù)管理,設(shè)計評審等實用功能,滿足設(shè)計團(tuán)隊的各種高級需求。
摹客官網(wǎng)
圖標(biāo)這東西絕對是UI設(shè)計不可能繞過去的坎,在這里給大家推薦Iconify這款插件,它內(nèi)含50個圖標(biāo)庫,包含超過4000個圖標(biāo),非常的豐富。但我個人覺得,這款插件里的圖標(biāo)相對來說還是較為基礎(chǔ)和平面,更適合用來作為搭建原型階段的圖標(biāo)來使用,可以省去在網(wǎng)頁上下載再導(dǎo)入圖標(biāo)的麻煩。
Iconify 界面介紹
這款作為免版權(quán)的圖片填充插件就不多介紹了,是圖片質(zhì)量非常高的平臺,基本都是高清攝影圖,類型幾乎覆蓋所有的設(shè)計場景,也是點擊即可使用,不用再苦惱無圖可配了,非常高效!
Unsplash 界面介紹
這款插件能即時輕松訪問整個插件內(nèi)設(shè)計圖標(biāo)庫:35000多個PNG和SVG圖標(biāo)。插件可以按名稱搜索圖標(biāo)或滾動整個列表,也可以按類別篩選,更改樣式、大小和顏色,對于搭建簡單設(shè)計界面圖標(biāo)不在話下。
Material Design Icons 界面介紹
這是一款非常有趣的插件,能讓我們給設(shè)計稿搭配用戶頭像的工作變得快速高效,還附帶著一點小驚喜。
因為它能自動給設(shè)計稿隨機(jī)添加用戶頭像,甚至還可以同時選中多個形狀,一鍵就能添加不重復(fù)出現(xiàn)的用戶頭像照片,不僅用起來很方便,而且每次使用的時候都還蠻期待會填充怎樣的頭像。
User Profile 界面介紹
這款插件看介紹圖就一目了然,能高效快速摳圖,再也不用擔(dān)心電腦沒有裝Photoshop了,只需單擊一次即可自動刪除圖像背。
Remove BG 界面介紹
這款插件包含3000000多個圖標(biāo)、照片和插圖,其中圖標(biāo)包含40多種風(fēng)格,由最優(yōu)秀的圖標(biāo)設(shè)計師打造;圖片包含平面和3D,矢量和位圖,由Dribble頂級藝術(shù)家創(chuàng)作;照片包含人、物體和動物,由電影制作的工作人員拍攝。設(shè)計師可以根據(jù)創(chuàng)作,按照樣式和類別篩選,大大提升創(chuàng)作效率。
Icons8界面介紹
這款插件有著超級豐富且有意思的手勢3D效果,它一共收錄了12個3D手勢,每種手勢有9種顏色并搭配3種不同的袖子。并且它是以CC0方式進(jìn)行授權(quán),可使用于個人或商業(yè)用途,完全可以放心大膽地用,設(shè)計師除了用在平常設(shè)計外,對于包裝作品也是很好地元素。
Handz 3D 界面介紹
這款插件可以自動生成文本、圖片、圖標(biāo)等內(nèi)容進(jìn)行填充,也非常友好地提供了多種文本類型,比如名稱、郵箱、地址信息等,再也不用冥思苦想內(nèi)容來占位了。除此之外,還可以自定義添加填充的內(nèi)容,高效快捷。
Content Reel 界面介紹
這款插件簡直就是流程和原型的福音,它能夠在兩個對象之間自動生成一條流程指示箭頭,還可以自定義去設(shè)置這條流程線條的顏色、粗細(xì)、圓角大小等等。使用起來的感覺,比專用流程圖工具的拖拽連線還方便。當(dāng)然,在UI界面設(shè)計完成后,用它來實現(xiàn)頁面邏輯連線也很不錯。
Autoflow 界面介紹
這款插件擁有流行的模型,讓設(shè)計更沉浸,支持自定義模型顏色,同時支持AI變換高級效果,出乎意料地生成眼前一亮的圖像,快去試試吧!
Mockup 界面介紹
這款插件可以將文本向上、向下或彎曲成圓形,并支持調(diào)整滑塊和預(yù)覽結(jié)果,對于設(shè)計營銷活動的特殊文本來說,簡直不要太方便!
ARC 界面介紹
這個插件擁有一堆3D素材的預(yù)設(shè),可調(diào)整相關(guān)角度、場景、顏色、光源等等,可塑性非常強(qiáng)!里面的3D樣機(jī)會被經(jīng)常用到,不僅可以快速替換樣機(jī)屏幕內(nèi)容,還可以根據(jù)需要靈活調(diào)節(jié)樣機(jī)的角度、場景等演示,對于作品展示或作品集包裝來說非常實用。
Vectary 3D Elements 界面介紹
這款插件非常有趣,可以生成隨機(jī)斑點形狀,可以控制形狀的獨特性以及它的點數(shù),并且生成的形狀都是唯一的,可以用于設(shè)計海報背景點綴。
Blobs 界面介紹
這款插件是適合所有設(shè)計師的免費流行線框庫,在線框插件中可以說是最好的一款插件了,用于創(chuàng)建漂亮的線框、用戶流程、原型和基本結(jié)構(gòu),因此不需要技能!只需拖放即可將其添加到Figma上,所有文件都是SVG,非常容易編輯,也可以用于團(tuán)隊項目構(gòu)思和頭腦風(fēng)暴,快速搭建線框表達(dá)想法!
Hexorial 界面介紹
令人驚嘆的動態(tài) Lottie 動畫為創(chuàng)作注入了靈魂,超越靜態(tài)的設(shè)計。這款插件可以制作迷人的動畫,添加復(fù)雜的 Lottie 動畫以增強(qiáng)設(shè)計的真實感和交互性,對于想要快速達(dá)成設(shè)計動效的同學(xué)來說非常實用。
Lottie 界面介紹
使用這款插件可以在設(shè)計中創(chuàng)建和自定義插圖,可以享受并使用來自世界各地的藝術(shù)家創(chuàng)作的精美插圖,再也不用自己手繪插圖,快速出圖,效率翻倍。
Blush 界面介紹
這款插件可以添加和編輯的圖表,方便數(shù)據(jù)可視化。從折線圖、面積圖、餅圖、圓環(huán)圖、散點圖和條形圖中進(jìn)行選擇。每個圖表都有自己的一組配置,例如點數(shù)、最大值和最小值,對于大數(shù)據(jù)設(shè)計同學(xué)也太有效率了!
Charts 界面介紹
這款插件可以創(chuàng)建自定義樣式的表格,可以輕松調(diào)整大小、編輯并自動調(diào)整內(nèi)容,再也不用手動去繪制表格啦!這款插件同時可以生成表格組件,并且自帶自動布局,可以隨意添加文本,不用手動調(diào)整表格行間距,對于手殘黨來說方便極了!
Table Creator 界面介紹
Material Symbols 包含 Google 最新的圖標(biāo),整合了 2,500 多個字形在具有多種設(shè)計變體的單個字體文件中。使用 這款插件,設(shè)計師同學(xué)可以輕松在 Figma 中搜索和添加符號,從而創(chuàng)建更高效的設(shè)計工作流程。
Material Symbols 界面介紹
這款插件一鍵將隨機(jī)用戶頭像添加到設(shè)計中!選擇任何類型的元素并運行插件,它將獲取頭像并將其添加為所選元素的填充,不用焦慮找不到好看的用戶頭像了。
Avatars 界面介紹
Get Waves 是一款免費的 SVG 波形生成器,可為設(shè)計師制作獨特的 SVG 波形。選擇一條曲線,支持調(diào)整復(fù)雜度,隨機(jī)生成波形,制作背景效率翻倍!
Get Waves 界面介紹
通過這款插件即可訪問 2400 多個不同角度、不同背景和設(shè)備類型的高質(zhì)量場景,包含了個人或商業(yè)項目創(chuàng)建令人驚嘆的產(chǎn)品模型所需的一切,設(shè)計師可以完美包裝自己的設(shè)計作品了。
Mockuuups Studio 界面介紹
這款插件可以讓設(shè)計師在工作時輕松檢查顏色的對比度。選擇一個圖層,插件將立即查找當(dāng)前選擇的顏色,并提供對比度以及 Web 內(nèi)容可訪問性指南 (WCAG) 中的通過和失敗級別。這款插件速度極快、反應(yīng)靈敏,適用于任何元素,支持純色、透明、混合填充、分層填充和背景,有興趣的同學(xué)可以安裝試試!
Contrast 界面介紹
設(shè)計師經(jīng)常為圖像太大而苦惱,又想要高清,又想要體積小,那可以試試這款插件。這款插件可以壓縮圖像大小,導(dǎo)出的圖像比 Figma 的默認(rèn)導(dǎo)出小最多 95%,支持將 JPG 和 PNG 轉(zhuǎn)換為 WebP、AVIF 或漸進(jìn)式 JPEG,對于設(shè)計師臨時減小圖像尺寸非常有用!
TinyImage Compressor 界面介紹
這款插件支持從所選圖像中提取 5 種不同顏色的調(diào)色板,便于設(shè)計師搭配顏色,算法也十分迅速,設(shè)計師不用糾結(jié)使用什么顏色來創(chuàng)作了,可以隨意搭配生成的色值,無論怎么設(shè)計都好看。
Image Palette 界面介紹
這款插件非常強(qiáng)大了,支持一鍵自動從 Figma 轉(zhuǎn)換為 Sketch、Adobe XD、After Effects 或 EPS,同時也支持一鍵將 Adobe XD 文件、PDF 文件、Adobe Illustrator 文件、SVG 文件或 Google 文檔/表格導(dǎo)入 Figma。將每個畫板(逐層)轉(zhuǎn)換為真實的 .sketch 或 .xd 文件,轉(zhuǎn)換幾乎所有圖層樣式和屬性,高效遷移設(shè)計工具。
Convertify Sketch/Adobe/Google 界面介紹
這款插件可以導(dǎo)出 PowerPoint/Keynote/Google 幻燈片文件,并包含可編輯文本,也可以將 GIF 和 YouTube/Vimeo/MP4 視頻嵌入添加到幻燈片的圖層中,演示設(shè)計稿快捷方便。
Pitchdeck Presentation Studio 界面介紹
Brandfetch 可以即時訪問數(shù)百萬個logo、顏色、字體等,以便簡化設(shè)計流程??梢钥焖俨樵兇蠖鄶?shù)品牌logo,不用到處搜尋啦!
Brandfetch 界面介紹
這款插件擁有170,000 個圖標(biāo)系統(tǒng),包含圖標(biāo)、插圖、元素和表情符號,滿足了絕大部分設(shè)計使用場景,設(shè)計風(fēng)格一致,對于搜索圖標(biāo)創(chuàng)作靈感有很大地幫助。
Streamline Icons, Illustrations, Elements, Emoji 界面介紹
以上就是關(guān)于 Figma 插件的大盤點啦,這就是為什么越來越多的設(shè)計師傾向于使用 Figma 做設(shè)計了,它除了給用戶帶來絲滑的操作體驗、協(xié)同設(shè)計,還有很重要的因素就是公共社區(qū)了,大量的資源和插件,讓設(shè)計師提高了設(shè)計效率,追求更好的設(shè)計體驗!