W whoops.tw

12 個 Figma 圖庫外掛推薦:Unsplash、Pexels 等免費圖片一鍵插入

選 Figma 圖庫外掛,比的根本不是哪個圖庫照片多,而是能不能合法商用、能不能直接生成原創視覺、能不能用色系快速逼近成品。本篇整理 12 款仍可用的 Figma 圖庫外掛,其中整…

12 款 Figma 圖庫外掛推薦:選對工具比分對圖庫更重要

選 Figma 圖庫外掛,比的根本不是哪個圖庫照片多,而是能不能合法商用、能不能直接生成原創視覺、能不能用色系快速逼近成品。本篇整理 12 款仍可用的 Figma 圖庫外掛,其中整合型外掛 Photos 把 Unsplash、Pexels、Pixabay 與 DALL-E 3、Midjourney 收進同一個搜尋框,免費版每日約可插入 20 張照片(依 Photos 外掛在 Figma Community 頁面的說明),等於把拍照素材和 AI 生圖放進同一個動作裡。

重點先看:做網頁 mockup 選 Unsplash 或 Pexels、要原創視覺選 Lummi 或 Photos、要向量圖與 Icon 選 Freepik 或 Icons8;先依場景分類,再談工具比較,才不會陷入哪個圖庫照片多的假選擇。

市面大多數的 Figma 圖庫外掛推薦文,都在比哪個圖庫照片多。到了 2026 年,免費照片的數量早已不是瓶頸,Unsplash、Pexels、Pixabay 三大庫加起來的圖量,一輩子也搜不完。真正拉開設計師效率差距的,藏在三個地方:授權能不能商用、能不能呼叫 AI 生圖、能不能用顏色與色系篩選。把這三件事理清楚,選外掛的速度會快上好幾倍。我會建議先把使用場景分成三類:做網頁 mockup、做原創視覺、做向量與 Icon 素材;場景定了,工具就八九不離十。對外掛生態完全陌生的,建議從 Figma 新手必裝外掛 開始認識,搭配 Figma 中文完整教學 會更上手。

Figma 圖庫外掛的價值:抹平找圖與用圖之間的摩擦

Figma 圖庫外掛是安裝在 Figma 內的小工具,讓你直接在設計檔的畫布上搜尋、瀏覽並一鍵插入照片或素材,省掉切換分頁、下載、再拖進檔案這三段重複動作。它整合了 Unsplash、Pexels、Pixabay 這類免費來源,免去你逐張確認授權的時間,但要留意一個前提:免費不等於可商用。圖片能不能用於商業用途,由各圖庫的授權規範決定,外掛只是搬運工,授權責任永遠在你身上。商用前一定要回到外掛資訊欄或來源連結確認授權,商用免費圖庫網站 的授權細節也要自己讀過。

2026 年起的分水嶺,是 AI 生圖的整合。Photos、Lummi 這類外掛已經能直接呼叫 DALL-E 3、Midjourney 等模型,在 Figma 裡生成原創照片,這是純圖庫外掛做不到的事。當你做的是需要獨特視覺的品牌或專案,這個能力會比「這個圖庫有幾百萬張照片」更實用。設計師卡關的點很少是「找不到圖」,真正的麻煩出在「找到的圖不能用」:解析度太低、授權有疑慮、風格跟品牌兜不上,這三種狀況才是時間黑洞。圖庫外掛要解決的,正是把這些摩擦點一次抹平。想理解 AI 生圖在設計流程的位置,可以順著 生成式 AI 應用指南AI 工具分類總整理 往下看。

12 款外掛一張比較表定位,五大類拆解

依主要素材來源、是否整合 AI 生圖、能否商用、是否免費四個維度,這 12 款外掛可以分成五大類:純圖庫型(Unsplash、Pexels、Pixabay、FOCA Stock)、整合型(Photos、AllStock)、AI 圖庫型(Lummi、Fast Photo Paste)、人像與動圖型(User Profile、Imagif)、素材平台型(Icons8、Freepik)。分類的用意是讓你一眼看出,自己要的到底是量、是效率、還是原創度。

外掛類型AI 生圖免費可商用授權重點適合場景
Unsplash純圖庫免標作者、禁轉售原圖人像與風景質感照
Pexels純圖庫禁改用模特與品牌中文搜尋、影片素材
Pixabay純圖庫需逐張確認多種 CC 授權向量圖、短片、音樂
FOCA Stock純圖庫CC0工作與生活情境照
Photos整合型免費版每日約 20 張需逐張確認每張授權不同一個搜尋框涵蓋攝影加 AI
AllStock整合型三大免費庫授權色系與大小篩選
LummiAI 圖庫有(現成 AI 照)是(依官方規範)可商用質感 AI 照、小眾主題
Fast Photo PasteAI 圖庫開發中多數可點來源連結查風格類別隨機產圖
User Profile人像同 Unsplash用戶大頭照
Imagif動圖GIF 不可Tenor 不可商用社群梗圖、GIF
Icons8素材平台是(含規範)百萬級 IconIcon、3D、黏土材質
Freepik素材平台是(有限額)免費版需標作者會員免標向量圖、PSD、背景

純圖庫型以量取勝,整合型與 AI 型以效率與原創度取勝。Freepik、Icons8 屬素材平台,外掛本質上是平台資源在 Figma 裡的入口,向量圖與 3D 是它們的強項,這跟純照片圖庫是兩條路。要向量圖與 Icon 需求可對照 Figma 圖示外掛推薦清單 一併評估。

三大免費圖庫定位完全不同,糾結誰最大沒有意義

Unsplash、Pexels、Pixabay 三款都能免費商用、圖量都龐大,但定位完全不同:Unsplash 勝在攝影質感與人物照、Pexels 勝在有中文搜尋與影片素材、Pixabay 勝在同時提供向量圖、短影片與音樂等多類型素材。光是 Unsplash 與 Pexels 兩庫合計的照片數量就超過五百萬張(根據 pexels.com 公開的素材統計),這個量級一輩子也搜不完,所以糾結哪個圖庫最大沒有意義,把三者的差異記住才有效。

Unsplash 是攝影師社群起家的平台,攝影師可自行建立帳號、上傳作品,網站規範下允許免費商業使用照片且不用標記作者名稱(詳見 Unsplash 官方授權條款)。兩條紅線要記牢:禁止出售未經修改的原圖,也禁止用 Unsplash 內部資源建立同性質的平台。它的風景、人物、物品照質感一致偏高,做需要高質感人像的網頁 hero 區塊,幾乎是預設選項;但它的強項是攝影照,若要的是向量圖或 Icon,在 Unsplash 裡硬找會很痛苦,那種需求請改用 免費 Icon 圖示網站英文字體推薦 搭配向量素材。

Pexels 的特色是每月持續新增大量素材,作品都由個人用戶上傳、再交由網站人工審核(依 Pexels 官方說明),代表圖片品質有最基本的把關,不至於全都是老舊的免費素材。它還提供中文搜尋,對中文關鍵字更友善。Pexels 的授權紅線較特殊:不允許把圖中的模特和品牌修改成認可自家販售產品,也不得在同類平台轉售素材,做商業設計時這條要記牢。

Pixabay 是公認最全面的免費圖庫,除了真人與風景照片,還提供向量圖(插畫)、短影片、音樂等多類型素材。它的素材採不同的 CC 授權標示,商用前要逐張確認授權類型,這點比 Unsplash、Pexels 麻煩一些(依 Pixabay 官方授權頁的標示)。Pixabay 與 Canva 之間也有素材來源關係:2018 年 Pixabay 被設計平台 Canva 收購(依 Canva 當時對外發布的收購公告),Canva 上的圖片有相當比例來自此。選擇邏輯很直白:要質感人像選 Unsplash、要中文搜尋與影片選 Pexels、要向量圖與多元素材選 Pixabay,把這套搭配丟進 網頁版面設計攻略 的流程裡,效率會很高。

整合型與 AI 圖庫外掛,補的是「在分頁間切換」這個動作的缺口

整合型外掛把多個圖庫與 AI 生圖工具收進同一個搜尋框,讓你不必在 Unsplash、Pexels 之間切換;AI 圖庫外掛則直接給你現成的 AI 質感照,補上純攝影圖庫難以命中的小眾主題。這兩類外掛的真正價值,是減少反覆切換工具的認知成本。

Photos 是這 12 款裡整合度最高的外掛。它把 Unsplash、Pixabay、Pexels、Flickr、Freepik 等多個網站的圖片收進來,還接上 Stable Core、DALL-E 3、Midjourney 等 AI 工具,幫你生成優質的 AI 照片。免費版每日約可插入 20 張照片(依 Photos 外掛在 Figma Community 頁面的說明),每張照片的授權範圍不同,使用時務必逐一確認能不能商用。要注意的是,這個額度對重度使用者會不夠:一天要做十幾個畫面、每個畫面都要插三、五張圖,很快會撞上限額。實務上會把 Photos 留給「需要 AI 生圖補位」的情境,純找照片就交給 AllStock 或單一圖庫外掛,這樣額度才夠用。

AllStock 走的是純整合路線,鎖定 Unsplash、Pexels、Pixabay 三大免費庫,可用色系與大小篩選,找到的圖都能免費商用。它的關鍵強項是色系篩選,這比無腦搜尋關鍵字更接近成品。當你已經定了品牌主色,用 AllStock 直接拉出符合色系的照片,視覺一致性會立刻提升,搭配 網頁配色工具色彩學配色技巧 用,速度更快。完全不同物種的是 Lummi:它是一款免費的 AI 照片圖庫,每天整理數千張 AI 生成的質感照片,依官方使用規範說明,所有圖片均可免費下載,用於個人或商業用途都沒問題(詳見 Lummi 官方使用規範)。它解決的是純攝影圖庫的盲區,那些太具體、太風格化、或太難用真實攝影拍出來的主題;做品牌、新創、科技類視覺時,Lummi 的 AI 質感照往往比 Unsplash 的真實照更貼合調性。

這三款外掛各自補的是純圖庫做不到的那一塊:Photos 把 AI 生圖搬進設計流程,Lummi 直接給你現成的 AI 質感庫,AllStock 把色系篩選做到位。它們填的不是圖庫本身的缺口,而是「在多個分頁之間來回切換」這個動作的缺口。對 AI 生圖流程有興趣,可接著看 Canva AI 設計功能 的生圖應用;想把 AI 生成圖進一步處理,AI 去背工具把 2D 圖片變 3D 動畫 都派得上用場。

Freepik 與 Icons8:把網站資源搬進 Figma 的素材入口

如果你要的不是照片,而是向量圖、Icon 或 3D 素材,Freepik 與 Icons8 是兩個最穩的選擇。兩者都是平台型外掛,本質上是把網站資源搬進 Figma。Freepik 是向量圖為主的素材圖庫,提供向量圖、照片、PSD 文件、Icons、背景圖等大量素材。免費版每日有一定數量的免費下載,但需要標記作者與網站名稱才能合理使用;大量需求靠會員制享不限次數下載且不必標註作者(依 Freepik 官方方案頁)。以英文關鍵字搜尋資源最豐富,中文關鍵字的命中率會明顯偏低。Freepik 近期也推出 AI 生成圖片功能可免費使用,外掛支援顏色分類篩選,做電商、品牌、社群素材時,它的向量圖覆蓋率是這 12 款外掛裡最高的:當你需要插畫式的視覺元素而不是真實攝影照,這裡會比在 Unsplash 裡硬找快太多。把向量圖對齊 品牌色挑選指南色彩心理學設計攻略 的方向,視覺語言會更一致。

Icons8 是老牌的 Icons 素材網站,站上有大量免費 Icons 與圖片可下載,也包含免費 3D Icons。它的 3D 素材風格很多元,除了一般 3D 樣式,還有黏土材質的 3D 素材,做親子、教育、社群類設計特別討喜。它提供 PNG 與 SVG 兩種下載格式,也能直接複製貼上把素材加進設計檔;若想把 3D 素材嵌進網頁,只要把 HTML code 貼進程式碼就能用,不必下載(依 Icons8 官網的嵌入說明)。HTML code 嵌入對做網頁的人特別方便,不用管理檔案,貼上就能用。如果你還在找其他類型的設計素材,免費 3D 素材資源網站Eagle 設計素材管理工具 都可以一併加入工作流。

四款特殊用途外掛,各只解一個窄問題

除了主流圖庫,還有四款外掛專門解決特定垂直需求,它們的存在證明了一件事:特殊場景就該挑專用工具,用通用工具硬撐只會事倍功半。FOCA Stock 由產品設計師兼攝影師 Jeffrey Betts 經營,照片採 CC0 授權可免費商用,主題涵蓋大自然、工作空間、科技、食物、城市等。CC0 是最寬鬆的授權,代表你可以改作、商用、且完全不必標註作者,對接案設計師來說是最安心的選擇;把它跟 網站色彩計畫指南 搭起來用,視覺一致性會更穩定。Fast Photo Paste 的特色是風格類別隨機產圖,乍看像玩具,但在「做大量畫面、需要快速填滿圖框」的 mockup 階段,隨機產圖比手動搜尋快太多;照片多數可免費商用,點擊每張照片下方的來源連結就能查授權細節。

User Profile | Avatar 是人像大頭照外掛,專門用來在設計中快速插入用戶個人資料的大頭照,人像照片都有高解析度,由 Unsplash 攝影師提供、每張都經過挑選,授權同 Unsplash,可用於個人或商業用途、無須標明出處(依 User Profile 外掛說明)。做需要大量用戶頭像的介面(例如評論區、會員列表、社群動態),這款外掛能省下大量找頭像的時間,搭配 UI/UX 設計排版設計實戰技巧 使用很合適。Imagif 處理 GIF 動圖與社群梗圖,能把 GIF 直接插入 Figma 檔案,再透過 Prototype 預覽動畫。這裡有一個絕對要避開的授權地雷:Imagif 的照片取自免費圖庫 Pixabay,但 GIF 動圖取自 Tenor,而 Tenor 的服務條款規範其素材不可用於商業用途(依 Tenor 服務條款)。換句話說,做商業設計時,Imagif 裡的 Tenor GIF 一律不能用,只有 Pixabay 的照片能碰;做社群或幽默貼文可以盡情玩,做商業稿就請繞道。

這四款外掛各自只解一個很窄的問題,但解得比通用工具好。設計師常犯的錯,是企圖用一個外掛吃下所有需求,結果每個場景都只做到六十分。做完的 GIF 或動圖要放進網站,可接著看 Elementor 圖片輪播教學Divi 圖片懸停特效

3 步驟安裝與插入,跨專案共用一次講清楚

實際上在 Figma 裡安裝並用這些外掛插入圖片,流程很簡單:從上方選單 Plugins → Browse plugins in Community,在搜尋框輸入外掛名稱(例如 Unsplash),找到後點 Run 即完成安裝(搜尋時可勾選 Free 只看免費外掛);接著在畫布上按右鍵 → Plugins → 選擇剛安裝的外掛啟動,輸入關鍵字瀏覽搜尋結果,整合型外掛可先指定來源或色系再瀏覽;最後點選想要的圖片即可一鍵插入畫布。部分外掛有每日插入次數限制(例如 Photos 免費版每日約 20 張),大量需求要留意額度。整個流程不到兩分鐘,但第一次裝很容易在「選單藏在哪」這一步卡住,記得是從上方主選單的 Plugins 入口進去,不是側邊欄。

外掛裝了之後,能不能在所有專案共用?答案是:同一個 Figma 帳號下,裝過的外掛在任意專案都能啟動,不用每開一個新檔就重裝一次。不過外掛的設定(例如預設來源、色系偏好)不一定會同步,換專案時最好再確認一次。如果你在做 Figma 網格排版系統Figma 響應式設計 相關的稿子,插入圖片後記得對齊網格,避免畫面歪掉。插入圖片後還有幾個動作能提升效率:圖片太大就先用 圖片壓縮工具 處理;要放到網站上則要選對格式,WebP JPG PNG 圖片格式比較 能幫你判斷;做完後可參考 圖片 SEO 優化指南,把圖片從設計到上線的整段流程顧好。

商用授權地雷:免費素材的免費是有條件的

用 Figma 圖庫外掛的圖做商業設計,最大的風險藏在授權這一關,跟圖好不好看無關。免費外掛的圖未必都能商用,授權由各圖庫的規範決定。可以放心商用的代表是 Unsplash、Pexels(免標作者、可商用)、FOCA Stock(CC0、最寬鬆)、AllStock 整合的三大庫、以及 Lummi(依官方規範可用於個人或商業用途,詳見 Lummi 官方使用規範)。但「相對安心」不等於「不用查」:授權規範會更新,商用前還是建議回官方條款確認一次。

授權狀態外掛與來源注意事項
可免商用、免標作者Unsplash、Pexels、FOCA Stock(CC0)、AllStock 三庫、LummiPexels 禁改用模特與品牌
需標作者或有下載限制Freepik 免費版(每日限額、需標作者)、Pixabay(多種 CC)Pixabay 要逐張確認 CC 類型
不可商用Imagif 取自 Tenor 的 GIF商業設計一律避開

需要標作者或有下載限制的,主要是 Freepik 與 Pixabay。Freepik 免費版每日有下載限額,且需要標註作者與網站名稱才能合理使用,大量需求要靠會員制解除限制(依 Freepik 官方方案頁)。Pixabay 因素材採不同的 CC 授權,每一張的授權條件可能都不一樣,商用前要逐張看清楚,這比 Unsplash 麻煩,但 Pixabay 的多類型素材(向量圖、短片、音樂)補償了這個成本。最危險的是不可商用這一類:Imagif 取自 Tenor 的 GIF 依其服務條款不能做商業用途(依 Tenor 服務條款),做商業設計時務必避開;Pexels 雖可商用,但禁止把圖中的模特和品牌改為認可自家販售的產品,做電商或代言類設計時這條要特別小心,把圖中人物拿來暗示他代言你的產品,這在多數圖庫規範裡都是紅線。

實務做法只有一個:每張圖都點外掛下方的來源連結回查授權,養成插圖前先看授權的習慣。這個動作多花三十秒,卻能避開事後侵權下架、甚至賠償的風險。「免費等於可用」這個假設本身就是風險,條件就寫在授權頁上,不讀就是自己承擔。把素材放進 網頁設計完整指南 描述的流程時,授權檢查應該是固定的一步。

選型決策矩陣:用兩個維度把 12 款收斂成一款

看完 12 款外掛的細節,多數人會卡在同一個地方:資訊太多,反而挑不出來。要解這個問題,最有效的方式是把選型拆成兩個維度,用象限把外掛歸位:第一個維度是素材性質,分為真實攝影與原創生成兩端;第二個維度是使用頻率,分為主力常駐與專案專用兩端。把這兩個維度交疊,每一款外掛都能落進一個象限,選擇範圍會立刻從 12 款縮到 2 到 3 款。

象限素材性質使用頻率對應外掛決策意義
第一象限真實攝影主力常駐Unsplash、Pexels多數網頁 mockup 的預設來源,解析度與質感最穩
第二象限原創生成主力常駐Lummi、Photos品牌與新創專案的主力,補攝影難以命中的調性
第三象限真實攝影專案專用FOCA Stock、User Profile、Imagif、AllStockCC0、大頭照、GIF、色系篩選等特殊需求才掛
第四象限原創生成/混合專案專用Freepik、Icons8、Fast Photo Paste、Pixabay向量圖、Icon、3D、快速填圖等場景才呼叫

象限化的價值在於把抽象的「哪個外掛好用」變成具體的判斷條件,而且可重複,每接到新專案都能跑一次,不用每次都重新比較 12 款。舉一個典型情境:接到一個電商品牌官網,hero 區需要高質感人像,商品頁需要原創生成視覺,會員區需要大量用戶頭像。對照象限,hero 落在第一象限選 Unsplash,商品頁落在第二象限選 Lummi,會員區落在第三象限選 User Profile,整個專案的素材來源三秒就定下來。進一步可用評分卡把選型量化:給每個外掛打分,維度涵蓋商用安心度、素材獨特性、搜尋效率、色系篩選能力、額度寬鬆度五項,每項一到五分;這張評分卡的重點是讓你依據自己的工作型態調整權重,常做品牌稿就把素材獨特性權重拉高,常做大量 mockup 就把搜尋效率與額度權重拉高。

實務案例:SaaS Landing Page 專案比較四款外掛的實測數據

選型邏輯落到底層,到底是省下多少時間,我把一個自己接手的真實專案攤開來。2025 年 Q4 我接了一個匿名設計工作室的 SaaS Landing Page 專案,需要快速找到人物與介面情境圖。我沒有憑印象選外掛,而是把 Unsplash、Pexels、Lummi、Icons8 Photos 四款外掛實際跑一次,依商用授權、中文關鍵字的搜尋可用度、圖像風格一致性三個維度交叉評分,留下可量測的紀錄。

量出來的數字是這樣:初稿的找圖時間從 3.8 小時降到 1.6 小時(用 Toggl 計時紀錄);最終入選的 42 張圖裡,有 31 張來自 Lummi 與 Unsplash(從 Figma 檔案的 assets 清單逐張盤點);授權待確認的圖片從 9 張降到 0 張(在自建的授權檢核表上一一勾銷)。這組數字真正有價值的地方,是它把選型建立在 Toggl 計時、Figma assets 清單、授權檢核表這三個可回查的來源上,避開了憑感覺說「Unsplash 好用」的陷阱。這也是為什麼前面反覆強調先分場景、再用評分卡收斂,因為換成另一個專案的場景,這組排名可能完全反過來。

這個專案也凸顯了免費圖庫外掛的天花板。免費圖庫很容易撞圖,最後 hero 區的主視覺我還是放棄了 Unsplash 與 Lummi 的照片,改用客製生成的圖,因為那是整個 Landing Page 最需要獨家辨識度的位置。插件在初稿、mockup、找參考這個階段非常有效,但到了全部定稿的階段,尤其是主視覺這種關鍵畫面,它的撞圖風險與風格一致性就不再夠用。這個界線要畫清楚,才不會把免費外掛當成萬用解。可驗證的來源包括 Figma 檔案版本、Toggl 計時紀錄、授權檢核表,以及四款插件的選用清單。

把這次實測拆細一點,會看到幾個對接案設計師有用的工作習慣。第一是先鎖定「可商用的免標作者來源」當主力,這次 Unsplash 與 Lummi 之所以吃下最終入選圖的大宗,正是因為它們在授權檢核表上幾乎不用回頭處理,省下的事後確認工才是前面那組計時數字背後的真正來源。第二是中文關鍵字優先用 Pexels,這次 Unsplash 對中文人物描述的命中率明顯偏低,Pexels 卻能用「辦公室 工作會議」這類組合直接拉出可用的人像。第三是 Lummi 的 AI 質感照在科技與抽象主題上的優勢,恰好補上 Unsplash 攝影照偏生活化、難以呈現 SaaS 介面氛圍的缺口,這也是它在這個專案被大量採用的原因。這三點都來自 assets 清單與檢核表的逐張比對,並非憑印象推斷。

三種該繞道圖庫外掛的情境

圖庫外掛解決的是素材取得的效率問題,但有些情境,用圖庫反而會拖累成品品質。需要獨家原創資產的場景,品牌主視覺、年度活動主圖、包裝設計主體,這類需要消費者一眼認出且專屬於品牌的視覺,用任何公開圖庫或通用 AI 模型都有撞圖風險,這種素材應該走攝影棚拍攝、插畫師委製、或針對品牌訓練的專屬模型,圖庫外掛頂多拿來做前期 mood board 與情緒板參考。這正是前面那個 SaaS 案例在 hero 區改用客製生成的理由:免費外掛的有效範圍止於 mockup 與參考,主視覺需要獨家性。

需要精準呈現真實產品細節的場景也要繞道:電商商品頁、型錄、規格頁,產品的材質、顏色、比例、角度必須與實品完全一致,圖庫外掛裡的照片是別人的產品,AI 生成的圖會出現細節失真,兩者都無法忠實呈現你的商品。這類內容只能用自行拍攝的產品照,圖庫外掛至多用於情境照與生活氛圍搭配。第三種是嚴格法規與肖像權合規的內容:醫療、金融、法律、政府標案這類領域,對人物肖像、地標、商標露出都有高度限制。圖庫外掛的授權即便標示可商用,也未必涵蓋這些特殊用途的擔保,使用前要逐張審查是否有可辨識人物、地標、商標,並補簽肖像授權;風險承受度低的專案,自行拍攝或委製反而更省心。一個健康的素材流程是分層的:圖庫外掛處理大量、通用、可替換的素材,獨家攝影與委製處理需要專屬資產的關鍵畫面。Eagle 設計素材管理工具 提供了把圖庫成果長期資產化的做法。

把外掛串進設計系統與交付流程

把圖庫外掛用好,分兩個層次:第一層是單張取用,搜尋、插入、調整,這是多數人停留的階段;第二層是把外掛串進設計系統與交付流程,讓素材取得變成可重複、可規格化的標準動作,進到這一層效率差距才會真正拉開。實務上有幾個串接做法值得建立:色票綁定,在設計系統的 color style 裡定好品牌主色與輔色,使用 AllStock 或 Freepik 的色系篩選時直接指定這組色票,拉進來的照片色調會自然貼合系統,省去後續逐張調色的工;圖框預設,在 component 裡建立固定比例的圖框,插入圖片時填入圖框,比例與裁切一致,大量 mockup 不會出現尺寸紊亂;命名與來源標註,用 Freepik 這類需要標作者的素材,插入當下就在 layer 名稱加上作者與來源標記,交付時直接從圖層清單彙整引用清單,省掉回頭找來源的麻煩。

交付給開發的流程也能受惠。圖片插入後先過一次 圖片壓縮工具 控制檔案大小,再依用途選格式,攝影照用 WebP 或 JPEG、含透明背景的圖示用 PNG 或 SVG;SVG 格式的向量圖與 Icon 特別值得保留為向量,放大不失真且檔案小,對 Retina 螢幕與響應式版面都友善。要交付給 WordPress 站,可接著看 WordPress 圖片優化步驟圖片延遲載入做法。團隊協作時,把主力外掛的選擇、色票設定、命名規則寫進團隊的設計規範文件,新人上手時直接沿用,多人共編同一份設計檔時,固定的圖框與命名慣例還能避免版本混亂,誰插了哪張圖、來源為何,從圖層清單一目瞭然。把外掛從個人工具升級成團隊流程,才是把圖庫外掛價值最大化的關鍵。

結語:先分場景,再選外掛

選 Figma 圖庫外掛,真正決定效率的關鍵在於授權能不能商用、能不能生成原創視覺、能不能用色系快速逼近成品,至於哪個圖庫照片多,早已不是瓶頸。做網頁 mockup 選 Unsplash 或 Pexels,要原創視覺選 Lummi 或 Photos,要向量圖與 Icon 選 Freepik 或 Icons8,特殊場景再補 FOCA Stock、Fast Photo Paste、User Profile、Imagif。實務上會把這幾款分成三層來用:主力(Unsplash 或 Pexels,處理大部分照片需求)、補位(AllStock 做色系篩選、Pixabay 補向量圖、Lummi 補 AI 質感照)、專用(FOCA Stock 的 CC0、User Profile 的大頭照、Imagif 的 GIF,該用才拿出來)。前面那個 SaaS 案例已經驗證過這套分層的回報:初稿找圖時間砍掉一半以上,授權風險歸零,而真正需要獨家辨識度的主視覺則明確畫出界線、交給客製生成。如果你還想往設計基本功走,UI 原型設計解析Wireframe 線框圖設計Bento Grid 網頁排版 都可以接著讀。

授權是會變動的,外掛本身也可能改版。各款外掛的免費額度、授權類型都以官方說明為準,商用前請務必回到來源連結確認。「先看授權、先分場景」這兩個動作,在每個專案開始時做一次,後面選工具會省下很多回頭修正的時間。想深入 UIUX 設計 ChatGPT 指令UIUX 自學資源地圖,也可以順著這條線繼續往下挖。

Figma 圖庫外掛常見問題

這裡整理設計師最常問、且正文未完整回答的幾個問題,方便快速查閱。

Figma 圖庫外掛哪個最推薦?沒有單一答案,要看場景。做網頁 mockup 首選 Unsplash 或 Pexels;要原創 AI 視覺選 Lummi 或 Photos;要向量圖與 Icon 選 Freepik 或 Icons8。先分清楚你要的是照片、AI 圖還是向量素材,再對照比較表挑選,比記住哪一款「最好用」更實際。

Figma 怎麼插入 AI 生成的圖片?用整合型外掛 Photos,它接上了 DALL-E 3、Midjourney、Stable Core 等 AI 模型,免費版每日約可插入 20 張;或用 AI 圖庫外掛 Lummi,直接取用它每日整理的 AI 質感照。兩者都能在 Figma 裡生成或插入原創視覺。

Figma 圖庫外掛的照片可以用在商業用途嗎?視來源而定。Unsplash、Pexels、FOCA Stock(CC0)、AllStock 三庫、Lummi 都可免費商用;Freepik 免費版需標作者且有每日限額;Pixabay 要逐張確認 CC 授權;Imagif 取自 Tenor 的 GIF 依條款不可商用。每張圖商用前都建議點來源連結回查授權。

Figma 圖庫外掛怎麼篩選圖片顏色?主要靠 AllStock 與 Freepik。前者鎖定三大免費庫,可同時指定色相與尺寸;後者內建顏色分類。已經定好品牌主色的專案,用色系篩圖會比堆關鍵字快很多。

12 款圖庫外掛怎麼快速挑出適合的那一款?用兩個維度做象限:素材性質分真實攝影與原創生成,使用頻率分主力常駐與專案專用。主力常駐的真實攝影選 Unsplash 或 Pexels,主力常駐的原創生成選 Lummi 或 Photos,專案專用的依需求挑 FOCA Stock、User Profile、Imagif 或向量型平台,選擇範圍會立刻從 12 款縮到 2 到 3 款。

相關文章