設計師工具與素材總整理：60 個圖庫、配色、Mockup、Icon、Figma、AI 與社群資源

快速答案：設計資源要依任務分類收藏，不要一次把所有網站都丟進書籤。

這篇是創作邦設計資源系列的總整理，從前 19 篇已查證的研究表中挑出 60 個核心資源，涵蓋圖庫、配色、Mockup、Icon、插圖、SVG、字體、Figma、靈感、簡報、社群、產品截圖與 AI 工具。適合新手建立工具箱，也適合設計師整理自己的工作流。

先看分類：不要用收藏量管理工作流

類型	代表資源	適合用途	授權注意
素材來源	圖庫、可商用圖片、插圖、向量、SVG	找主視覺、簡報配圖、品牌素材、網站素材	不確定商用就不要直接用在客戶案
設計起稿	配色、字體、Mockup、Icon、Figma UI Kit	起稿、建立風格、提案展示、設計系統	模板和素材授權通常分免費/付費/單款
靈感研究	平面、網頁、Banner、包裝、Logo 品牌案例	做 moodboard、競品分析、版型拆解	靈感站不提供素材授權，不能照抄
內容輸出	簡報、社群、產品截圖、App Mockup	製作提案、社群素材、產品頁、App Store 圖	輸出前確認尺寸與平台規則
AI 輔助	圖片生成、商品圖、去背、UI 原型、短影音	發想、變體、後製與加速素材產出	AI 商用、輸入素材和商標風險都要查

建議先收藏的 6 個工作流

• 找圖片：先看可商用圖庫，再確認人物、商標、產品包裝和授權限制。
• 定風格：先用配色、字體和靈感站建立 moodboard，再開始畫版面。
• 起設計稿：Icon、插圖、SVG、Figma template 只用來加速，不要當最終品牌。
• 做提案：Mockup、簡報模板、產品截圖工具可以提高溝通效率。
• 做社群：模板要改成自己的品牌系統，尺寸要依平台複查。
• 用 AI：AI 適合發想和變體，正式商用仍要查條款、來源和相似性。

圖庫網站大全

1. Unsplash

官方網站。高品質攝影感強，是設計師最常用的通用圖庫之一

• 類型：圖庫；價格型態：Freemium
• 適合用途：網站視覺、社群貼文、品牌情境圖
• 授權注意：可商用；不得直接轉售未修改照片或建立競品圖庫；熱門照片容易撞圖；需注意人物與商標情境

2. Pexels

官方網站。搜尋直覺、素材量大，適合快速找可用圖

• 類型：圖庫；價格型態：免費
• 適合用途：社群、簡報、部落格、商業視覺
• 授權注意：可商用；不得以具冒犯性方式描繪人物或轉售未修改素材；熱門素材重複率高；人物與品牌仍需自行判斷

3. Pixabay

官方網站。素材類型多，適合做跨媒材素材搜尋入口

• 類型：圖庫；價格型態：Freemium
• 適合用途：圖片、插圖、向量、影片、音樂素材
• 授權注意：可商用；需注意商標、人物肖像與部分內容限制；搜尋結果可能混合贊助素材；單張素材仍需確認

4. Burst by Shopify

官方網站。電商情境很完整，適合商品頁與社群素材

• 類型：圖庫；價格型態：免費
• 適合用途：電商、商品情境、品牌內容、創業主題
• 授權注意：可商用；依 Shopify 圖庫條款使用；素材量不如大型圖庫；風格偏電商與生活感

配色網站與色票工具

5. Coolors

官方網站。工具完整、速度快，適合做配色起點

• 類型：色票產生器；價格型態：Freemium
• 適合用途：快速產生色票、圖片取色、對比檢查、匯出色票
• 授權注意：不涉及素材授權；色票可作設計參考，仍需遵守服務條款；免費版有儲存與功能限制；進階功能需 Pro

6. Adobe Color

官方網站。適合 Adobe 使用者整理色票與圖片取色

• 類型：色票產生器；價格型態：免費
• 適合用途：色輪、主題探索、圖片取色、Adobe 工作流
• 授權注意：不涉及素材授權；色票可作設計參考，Adobe 帳號與生態功能依官方條款；部分功能可能需 Adobe 帳號或導向 Adobe Express

7. Huemint

官方網站。適合快速產生方向感鮮明的配色草案

• 類型：AI 配色工具；價格型態：免費
• 適合用途：AI 產生品牌、網站、漸層與 UI 色票
• 授權注意：不涉及素材授權；AI 色票可作設計參考，正式品牌案需人工調整；AI 結果需人工篩選；不保證符合品牌或可讀性

8. Colormind

官方網站。可從照片、電影、藝術資料集學習色彩風格

• 類型：AI 配色工具；價格型態：免費
• 適合用途：AI 色票、圖片取色、網站模板配色
• 授權注意：不涉及素材授權；色票可作設計參考；視覺介面較舊；輸出仍需對比檢查

Mockup 網站與樣機素材

9. Mockup World

官方網站。大型免費 mockup 入口，分類完整，適合先找素材方向

• 類型：PSD mockup；價格型態：免費
• 適合用途：PSD 樣機、品牌提案、包裝、裝置、印刷品展示
• 授權注意：多數為免費 mockup；需依單項來源頁確認授權與第三方權利；聚合來源多，正式商案需回原始下載頁確認授權

10. LS Graphics

官方網站。品質穩定，適合正式品牌提案與 UI 展示

• 類型：PSD / Figma mockup；價格型態：Freemium
• 適合用途：高品質裝置、包裝、品牌、Figma mockup
• 授權注意：Free 與付費素材授權不同；購買取得使用授權但不取得素材所有權；付費方案與 extended license 需依官方條款；不可轉售原始素材

11. GraphicBurger

官方網站。免費商用素材說明清楚，適合快速找 PSD mockup

• 類型：PSD mockup；價格型態：免費
• 適合用途：品牌 mockup、印刷品、包裝、UI 素材
• 授權注意：官方首頁標示可供個人與商業使用；仍需看單項素材說明；素材較精選，更新頻率需自行確認

12. Mockups Design

官方網站。授權頁清楚，適合收錄為免費 mockup 核心來源

• 類型：PSD mockup；價格型態：免費
• 適合用途：包裝、紙品、Logo、服飾、裝置 mockup
• 授權注意：官方 License 允許包含商業目的使用；仍需遵守不可轉售/重新散布等限制；有廣告；正式案仍建議保存單項素材頁與 License 頁

Icon 圖示資源

13. Lucide

官方網站。現代 UI 常用開源 icon，風格乾淨且工程整合方便

• 類型：開源 icon；價格型態：免費
• 適合用途：React/Vue/Svelte、網站 UI、產品介面
• 授權注意：ISC License；可商用、可修改，仍需保留授權聲明；線條風格單一；品牌 Logo 類不涵蓋

14. Heroicons

官方網站。Tailwind 官方生態常用，適合 UI 基礎圖示

• 類型：開源 icon；價格型態：免費
• 適合用途：Tailwind / React UI、SaaS 介面、後台工具
• 授權注意：MIT License；可商用、可修改，需保留授權聲明；圖示數量比大型庫少；風格偏 Tailwind 生態

15. Phosphor Icons

官方網站。權重完整，適合需要一致線條粗細的產品設計

• 類型：開源 icon；價格型態：免費
• 適合用途：多權重 UI icon、產品介面、品牌輔助圖示
• 授權注意：MIT License；可商用、可修改，需保留授權聲明；頁面很長；實作時需控制載入方式

16. Tabler Icons

官方網站。數量大且工程友善，適合 SaaS 與 Dashboard

• 類型：開源 icon；價格型態：免費
• 適合用途：後台、Dashboard、資料產品、網站 UI
• 授權注意：MIT License；可商用、可修改，需保留授權聲明；圖示很多，需挑同一 stroke 與 size 規範

插圖素材網站

17. unDraw

官方網站。免費、可調色、SVG/PNG 友善，是新手最容易使用的插圖庫之一

• 類型：插圖素材；價格型態：免費
• 適合用途：網站、簡報、產品空狀態、教學內容
• 授權注意：可商用；授權禁止重新販售、建立競品圖庫或用於商標註冊；風格辨識度高，容易撞圖

18. Storyset

官方網站。可自訂顏色、支援動畫，是做網站和簡報插圖很實用的入口

• 類型：插圖素材；價格型態：Freemium
• 適合用途：網站段落圖、簡報、社群內容、動畫插圖
• 授權注意：部分可商用；免費下載通常需要標註來源；Magnific 相關授權與會員方案需依用途確認

19. DrawKit

官方網站。插圖包品質穩定，2D/3D 與 icon 資源完整，適合商業頁面快速搭風格

• 類型：插圖素材；價格型態：Freemium
• 適合用途：SaaS 網站、Landing Page、產品功能說明、3D 插圖
• 授權注意：部分可商用；免費包與付費包授權不同；高階套件需購買或訂閱

20. Blush

官方網站。可混搭人物與場景，適合需要快速做出一致風格的人物插圖

• 類型：插圖素材；價格型態：Freemium
• 適合用途：人物插圖、品牌視覺、社群圖、簡報
• 授權注意：部分可商用；不同插畫家套件與方案限制不同；高解析、SVG 或完整商用需看方案

向量圖與 SVG 素材

21. Haikei

官方網站。可以快速產生多種 SVG 視覺資產，適合網站背景與封面元素

• 類型：SVG 產生器；價格型態：免費
• 適合用途：背景圖、blob、wave、pattern、漸層 SVG
• 授權注意：可商用；線上產生器輸出需自行保存；若要品牌主視覺仍需二次設計

22. Hero Patterns

官方網站。免費可重複 SVG pattern，適合需要輕量背景素材的網站

• 類型：SVG pattern；價格型態：免費
• 適合用途：網站背景、區塊底紋、簡報背景
• 授權注意：可商用；圖案辨識度高，正式品牌案建議改色與調整密度

23. SVG Backgrounds

官方網站。提供可客製的 SVG 背景、icon 與網站圖形，適合快速補背景視覺

• 類型：SVG 背景；價格型態：Freemium
• 適合用途：網站背景、Landing Page、封面視覺
• 授權注意：部分可商用；免費與 Pro 素材授權不同；完整商用與高階素材需確認方案

24. Pattern Monster

官方網站。可直接調整顏色與輸出 SVG，適合做可縮放背景圖案

• 類型：SVG pattern；價格型態：免費
• 適合用途：可調色圖案背景、網站區塊、社群素材
• 授權注意：可商用；pattern 適合做輔助紋理，不建議直接當品牌唯一識別

字體與字型搭配資源

25. Google Fonts Knowledge

官方網站。官方字體知識庫，適合補字體搭配與排版判斷，不只靠感覺選字

• 類型：字體教學；價格型態：免費
• 適合用途：字體搭配、排版觀念、OpenType/可變字體知識
• 授權注意：不適用（教學資源）；不是字體下載頁；字體實際授權仍要回到各字體頁確認

26. Adobe Fonts

官方網站。商業設計常用字庫，適合需要正式授權與高品質字體的品牌案

• 類型：英文字體庫；價格型態：付費
• 適合用途：品牌字體、商業設計、網站與印刷專案
• 授權注意：需授權；需 Adobe 方案；字體使用、打包、客戶交付與停用後權利要看 Adobe 授權

27. Fontshare

官方網站。免費且品質高，適合找英文標題字、品牌字與網站字體

• 類型：英文字體庫；價格型態：免費
• 適合用途：英文品牌字體、網站標題、社群視覺
• 授權注意：可商用；多為免費字體，但仍需看各字體授權與是否允許修改/再散布

28. Font Squirrel

官方網站。老牌免費字體搜尋站，適合找可商用英文免費字體與 webfont

• 類型：免費商用字體；價格型態：免費
• 適合用途：英文免費字體、網站字體、設計稿測試
• 授權注意：部分可商用；站方主打商用友善，但每款字體仍要逐一看 license

Figma Plugin

29. Tokens Studio

官方網站。設計系統和工程交付常用工具，適合把 Figma 樣式整理成可維護 token

• 類型：Figma Plugin / Design Tokens；價格型態：Freemium
• 適合用途：Design tokens、設計系統、Figma 變數、跨平台交付
• 授權注意：不適用（工具）；設計 token 與輸出需依團隊授權使用；完整團隊流程與進階同步多半需付費；導入前要先定 token 命名規則

30. Stark

官方網站。無障礙檢查是 Figma 工作流必備類型，適合正式產品設計

• 類型：Figma Plugin / Accessibility；價格型態：Freemium
• 適合用途：對比檢查、無障礙檢查、設計 QA、團隊治理
• 授權注意：不適用（檢查工具）；專案內容與報告使用依方案；免費功能有限；團隊協作、完整掃描與報告需看方案

31. Locofy.ai

官方網站。適合把 Figma 畫面轉成前端初稿，加速設計到開發的銜接

• 類型：Figma Plugin / Design to Code；價格型態：Freemium
• 適合用途：Figma to code、前端 prototype、產品 MVP
• 授權注意：不適用（轉換工具）；輸出程式碼與專案使用依方案；AI/轉碼結果需工程檢查；不能把輸出當成免審查正式程式碼

32. Builder.io

官方網站。提供 Figma to code 流程，適合討論設計稿轉工程的實際限制

• 類型：Figma Plugin / Design to Code；價格型態：Freemium
• 適合用途：Figma to code、React/HTML 初稿、行銷頁開發
• 授權注意：不適用（轉換工具）；輸出與平台使用依方案；生成結果要做可維護性與 accessibility 檢查；團隊功能需看方案

Figma UI Kit / Template

33. Untitled UI

官方網站。高完整度 Figma UI Kit，適合產品設計與 SaaS 介面快速起稿

• 類型：Figma UI Kit；價格型態：Freemium
• 適合用途：SaaS UI、Dashboard、Landing Page、設計系統起稿
• 授權注意：需授權；Free/Pro、Figma、React、商用與團隊使用依方案；完整商用、React 元件與團隊協作需看方案；模板不能直接當品牌完成稿

34. UI Prep

官方網站。把 UI Kit 和設計系統方法放在一起，適合新手建立 Figma 工作流

• 類型：Figma UI Kit / Training；價格型態：Freemium
• 適合用途：Figma design system、設計系統訓練、產品 UI
• 授權注意：需授權；UI Kit 與課程/資源依方案；不同套件與訓練內容授權不同；正式案要確認可否用於客戶專案

35. Material Design Kit

官方網站。官方 Material 設計資源，適合建立 App UI 與主題系統

• 類型：官方 Design Kit；價格型態：免費
• 適合用途：Material 3 App、Android、跨平台產品、主題系統
• 授權注意：可使用；需遵守 Material Design 與 Google 相關規範；適合 Material 生態；非 Material 品牌需調整，不宜硬套外觀

36. Apple Design Resources

官方網站。做 Apple 平台介面必看，可下載官方設計資源與模板

• 類型：官方 Design Resources；價格型態：免費
• 適合用途：iOS、iPadOS、macOS、watchOS、visionOS App 設計
• 授權注意：需遵守 Apple Design Resources 與平台規範；只能作為 Apple 平台設計參考；商標、App Store、平台規範需另外遵守

平面設計靈感網站

37. Behance

官方網站。作品完整度高，適合看從概念到延展的完整平面設計案例

• 類型：作品集社群；價格型態：Freemium
• 適合用途：品牌、海報、包裝、作品集、視覺提案
• 授權注意：不提供素材授權；僅作設計參考，作品權利屬原作者/平台；部分內容需登入；熱門風格容易趨同；不可直接挪用作品

38. DIELINE

官方網站。包裝案例密度高，適合拆解貨架感、材質與系列化設計

• 類型：包裝 / 品牌案例；價格型態：免費
• 適合用途：食品飲料、美妝、CPG、包裝與品牌案例
• 授權注意：不提供素材授權；僅作設計參考，品牌與包裝權利屬原作者/品牌；以案例文章為主；不可直接複製包裝視覺或品牌元素

39. Notefolio

官方網站。可補足 Behance 之外的亞洲創作風格與商業視覺案例

• 類型：作品集社群；價格型態：Freemium
• 適合用途：韓系視覺、插畫、平面設計、品牌風格
• 授權注意：不提供素材授權；僅作設計參考，作品權利屬原作者/平台；部分內容需登入；語言以韓文為主

40. Pinterest

官方網站。最適合快速建立 moodboard 和視覺方向，但需回查原始來源

• 類型：Moodboard / 靈感資料庫；價格型態：免費
• 適合用途：Moodboard、配色、構圖、社群圖文、風格探索
• 授權注意：不提供素材授權；平台圖片需追溯原始來源與權利狀態；需登入體驗較完整；來源品質差異大；不能把圖當素材使用

網頁設計靈感網站

41. Interface Craft

官方網站。把介面細節拆得很細，適合訓練產品設計判斷

• 類型：UI 元件資源；價格型態：Freemium
• 適合用途：產品介面細節、互動模式、設計判斷
• 授權注意：不提供素材授權；僅作網站設計參考，作品權利屬原作者/平台；偏介面知識庫，非網站模板；部分資源偏付費或會員內容

42. Design Spells

官方網站。收集精緻互動細節，適合補網站的動態品質

• 類型：互動 / 動效；價格型態：免費
• 適合用途：網站互動、微動畫、動態回饋、hover 細節
• 授權注意：不提供素材授權；僅作網站設計參考，作品權利屬原作者/平台；案例不可直接複製；要轉成自己的互動語氣

43. Whirl

官方網站。小而專注的 loading 靈感庫，適合快速找等待狀態方向

• 類型：互動 / 動效；價格型態：免費
• 適合用途：CSS loading、等待狀態、按鈕回饋
• 授權注意：不提供素材授權；僅作網站設計參考，作品權利屬原作者/平台；偏 loading 動效；實作前需檢查效能與可用性

44. CSS Loaders Dots

官方網站。能直接觀察 loading 節奏，適合補產品細節

• 類型：互動 / 動效；價格型態：免費
• 適合用途：CSS loading dots、微互動、狀態提示
• 授權注意：不提供素材授權；僅作網站設計參考，作品權利屬原作者/平台；偏程式範例；需自行改成符合品牌的 UI

Banner / 廣告設計參考

45. Bannnner

官方網站。大量 Banner 案例可快速拆資訊層級、標題比例與視覺鉤子

• 類型：Banner 參考庫；價格型態：免費
• 適合用途：日系 Banner、促銷圖、活動視覺、社群廣告
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；案例含品牌與人物素材；不可直接複製或套版

46. Banner Hiroba

官方網站。適合研究日系促銷圖如何安排價格、標題與產品焦點

• 類型：日系 Banner 參考；價格型態：免費
• 適合用途：電商 Banner、活動圖、促銷價格、日系版型
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；案例多為既有商業素材；不可拿圖或人物直接使用

47. Facebook Ads Library

官方網站。能看到實際投放素材，適合分析廣告創意和版面策略

• 類型：廣告資料庫；價格型態：免費
• 適合用途：Meta 廣告、競品觀察、社群投放素材、訴求拆解
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；素材會下架；不同地區結果不同；不能把廣告素材當素材庫

48. Google Ads Transparency Center

官方網站。適合觀察品牌在 Google 生態的廣告呈現與投放訴求

• 類型：廣告資料庫；價格型態：免費
• 適合用途：Google 廣告、搜尋/展示投放、品牌素材觀察
• 授權注意：不提供素材授權；僅作廣告版型與投放參考，素材權利屬原品牌/平台；需設定廣告主或搜尋條件；素材只供透明度與參考

包裝設計參考

49. Packaging of the World

官方網站。收錄包裝案例量大，適合快速比較不同品類的包裝語氣

• 類型：包裝案例庫；價格型態：免費
• 適合用途：品牌包裝、食品飲料、概念包裝、學生作品
• 授權注意：不提供素材授權；僅作包裝設計參考，包裝與品牌權利屬原作者/品牌；提交作品權利屬原作者；不可直接複製包裝圖像

50. Lovely Package

官方網站。視覺精選感強，適合找包裝主視覺與拍攝呈現參考

• 類型：包裝案例庫；價格型態：免費
• 適合用途：精選包裝、酒類、食品、美妝、商品設計
• 授權注意：不提供素材授權；僅作包裝設計參考，包裝與品牌權利屬原作者/品牌；案例權利屬原作者/品牌；圖片只可參考

Logo / 品牌識別參考

51. Brand New

官方網站。適合看品牌改版前後差異與識別系統延展

• 類型：品牌改版 / 評論；價格型態：Freemium
• 適合用途：品牌改版、Logo、識別系統、包裝延展
• 授權注意：不提供素材授權；僅作 Logo 與品牌識別參考，商標與品牌權利屬原作者/品牌；完整內容可能需付費；案例不可直接重用

52. BP&O

官方網站。適合拆 Logo 以外的整套品牌識別如何落地

• 類型：品牌 / 識別案例；價格型態：免費
• 適合用途：品牌識別、Logo、包裝、印刷物、餐飲零售案例
• 授權注意：不提供素材授權；僅作 Logo 與品牌識別參考，商標與品牌權利屬原作者/品牌；作品權利屬原作者/品牌；不可直接複製

簡報設計素材與模板

53. Canva Presentation Templates

官方網站。模板量大且容易上手，適合非設計師快速完成簡報

• 類型：簡報模板 / 線上設計；價格型態：Freemium
• 適合用途：社群簡報、提案、課程投影片、快速套版
• 授權注意：部分可商用；簡報模板、圖片、圖示與 AI 生成內容需依平台或單款授權確認；免費/Pro 模板授權不同；正式商案需確認模板素材權利

54. Slidesgo

官方網站。分類完整，適合快速找主題式簡報模板

• 類型：Google Slides / PowerPoint 模板；價格型態：Freemium
• 適合用途：教育、商業、行銷、課程簡報模板
• 授權注意：部分可商用；簡報模板、圖片、圖示與 AI 生成內容需依平台或單款授權確認；Free/Premium 授權不同；需確認是否需署名

社群貼文設計素材

55. CapCut Templates

官方網站。短影音模板量大，適合社群影音封面與節奏參考

• 類型：短影音模板；價格型態：Freemium
• 適合用途：Reels、TikTok、短影音模板、節奏剪輯
• 授權注意：部分可商用；模板、圖片、音樂、貼紙與素材需依平台或單款授權確認；模板音樂、素材與商用使用需依平台規則

56. Creative Market Social Media Templates

官方網站。風格化社群模板完整，適合找品牌社群系列方向

• 類型：社群模板市集；價格型態：付費
• 適合用途：Instagram、Facebook、Pinterest、品牌社群套版
• 授權注意：部分可商用；模板、圖片、音樂、貼紙與素材需依平台或單款授權確認；需逐款購買並確認商用與客戶案授權

產品截圖與 App Mockup 工具

57. Shots.so

官方網站。快速把產品截圖變成可分享的 mockup，適合 SaaS 和創作者

• 類型：截圖美化 / Mockup；價格型態：Freemium
• 適合用途：產品截圖、SaaS 圖、社群展示、快速 mockup
• 授權注意：部分可商用；裝置框、模板、輸出圖片與影片需依平台或方案授權確認；完整功能與商用輸出需看方案

58. Pika.style

官方網站。畫面乾淨，適合把網站或 App 截圖變成精緻社群圖

• 類型：截圖美化 / Mockup；價格型態：Freemium
• 適合用途：SaaS 截圖、瀏覽器框、社群圖、產品展示
• 授權注意：部分可商用；裝置框、模板、輸出圖片與影片需依平台或方案授權確認；免費/付費匯出限制需確認

AI 輔助設計素材工具

59. Adobe Firefly

官方網站。Adobe 生態整合佳，適合設計師做圖像發想與後製

• 類型：AI 圖像生成 / 編輯；價格型態：Freemium
• 適合用途：AI 圖像、文字效果、生成填色、設計素材發想
• 授權注意：需確認；AI 生成素材、輸入素材、模型/平台條款與商用範圍需逐項查證；需遵守 Adobe 生成式 AI 條款；商用依方案與功能而定

60. Canva AI Image Generator

官方網站。非設計師友善，適合把 AI 圖像直接放進設計模板

• 類型：AI 圖像生成 / 設計平台；價格型態：Freemium
• 適合用途：社群圖、簡報素材、AI 圖片、Canva 工作流
• 授權注意：需確認；AI 生成素材、輸入素材、模型/平台條款與商用範圍需逐項查證；AI 圖像與模板素材授權需依 Canva 條款確認

新手應該先收藏哪些？

如果你剛開始整理設計資源，不需要一次收藏 60 個。可以先選圖庫、配色、字體、Icon、Mockup、Figma template、簡報模板、社群尺寸、AI 去背各 1 到 2 個。等實際工作流穩定後，再補包裝、品牌識別、廣告資料庫和進階 AI 工具。

站內延伸資源

• 設計資源專區：回到設計工具、素材與教學總入口。
• Figma 資源：Figma Plugin、UI Kit 和設計系統可搭配閱讀。
• 字體資源：品牌字體和中英文字體搭配可先從這裡開始。
• 工具箱：配色、圖片取色、對比檢查與社群工具可直接使用。
• 設計素材：站內素材與設計資源入口。
• 圖庫網站大全：若只想先找圖片，從圖庫篇開始。

FAQ

設計資源要怎麼分類？

先依任務分成圖片、配色、字體、Icon、插圖、Mockup、Figma、靈感、簡報、社群、產品截圖和 AI。不要只用「好看」分類，否則真正要工作時很難找到。

哪些設計資源最常用？

多數設計師最常用的是圖庫、配色、字體、Icon、Mockup、Figma Plugin、靈感站和簡報/社群模板。AI 工具則適合放在發想、去背、商品圖和變體產出。

新手要先收藏哪些？

先收藏少量高頻工具：1 個圖庫、1 個配色工具、1 個字體來源、1 個 Icon library、1 個 Mockup 工具、1 個簡報模板站、1 個社群尺寸工具。等真的用得到再擴充。

商用設計素材要注意什麼？

要確認可商用、是否需署名、能不能用在客戶案、能不能修改、能不能印刷或轉售，以及素材中的人物、商標、產品包裝是否另有權利限制。

AI 工具可以取代設計素材網站嗎？

不能完全取代。AI 適合發想和產出初稿，但正式商用仍需要授權檢查、品質修整、品牌一致性和人工設計判斷。