我為什麼想找圖片素材管理工具
作為產品經理，我常常需要研究其他產品是怎麼設計功能和使用體驗。
這不單純是畫面好不好看，主要是為了研究：這個流程為什麼這樣安排？它想降低哪個操作門檻？這個功能引導或廣告版位想解決什麼商業目標？某個提示、空狀態或訂閱頁，背後可能在處理什麼使用者問題？
只要看到值得參考的流程、頁面或元件，就會先截圖留下來，漸漸地就累積越來越多的產品截圖、UI 參考和設計素材，然後發現整理圖片是一件苦差事。
一開始只是幾張圖片，放在桌面、下載資料夾、手機相簿或某個臨時資料夾裡，好像都還能接受。但當截圖越來越多，它們很快就會變成一堆「我知道自己有存過，但真的要用時找不到」的資料。
這也是我開始想找圖片素材管理工具的原因。希望平時零散收集的產品截圖和設計參考，能變成一個方便查找、能被重複使用的靈感庫。例如可以快速找到：
- onboarding 流程怎麼安排
- profile 頁面有哪些常見版型
- bottom sheet 可以怎麼設計
- 廣告展示樣式怎麼放進 UI 裡
- 某種產品風格或視覺語言有什麼參考
Eagle 是什麼？可以怎麼用？
Eagle 是由台灣團隊所開發的一款圖片素材管理工具，主要用來整理圖片、截圖、設計參考、靈感圖、影片、字體等素材。
我這次想解決的問題不是「我要在哪裡寫想法」，而是「我平常存下來的產品截圖，之後能不能快速找回來」。如果我想找某種 UI pattern、某個頁面類型、某種產品風格，工具本身就需要支援圖片預覽、分類、標籤、篩選和搜尋，而不只是提供一個地方讓我把圖片丟進去。
這次我先把大約 80 張產品截圖和 UI 參考匯入 Eagle，主要觀察幾件事：
- 匯入和瀏覽圖片是否順手
- 資料夾和 Tag 能不能幫我建立基本秩序
- 之後想找特定介面設計時，能不能靠標籤、顏色、格式等條件快速找回來
- Eagle 的檢查器、篩選和素材資訊，對整理圖片是否真的有幫助
- 後續如果搭配 AI Agent / Skill，能不能進一步協助命名、補標籤或整理描述
本篇比較偏向淺談初次使用心得，如果需要分步驟教學，可以查看 Eagle 官方的幫助中心，裡面有豐富的操作說明，請見：https://tw.eagle.cool/support/get-started。
管理資料夾、標籤和搜尋素材
安裝 Eagle 軟體後，需要先建立資源庫，存放所有匯入的檔案。官方建議別放在桌面或下載項目資料夾，避免整理檔案時不小心誤刪，可以考慮放在文件或其他額外建立的位置。
左上角可以看見你剛剛建立的資料庫，下方則是常用的功能入口，包含查看所有圖片、管理標籤等，左下角是資料夾，可以按照產品、專案、品牌或產業主題等區分。
當你選擇任一圖片時，右邊可以看到詳情內容包含 Eagle 自動解析的圖片配色，你也可以編輯圖片名稱、新增註解和標籤等。
點擊標籤管理，可以建立標籤分類，設計標籤可以考慮這張圖有什麼可重複利用的特徵，標記流程、頁面、元件或功能主題等，方便之後查找。重點是讓每個 Tag 都能對應未來的搜尋問題。
我初步新增標籤有：
Folder：放大題目或大範圍的資料夾，像Health、Gamification、SASS。- 它負責先把素材分大類，讓你第一層搜尋就能縮小範圍。
Topic：放產品功能、議題、場景主題，像是Privacy、Rewards、AI。- 它描述的是這張圖在談什麼。
Page：放整個畫面或完整頁面，像Home、Profile、Settings、Explore。- 你會把它當成一張完整 screen 來找。
Navigation：放導覽相關結構，像Tab Bar、Breadcrumb、Sidebar、Toolbar。- 它們的重點是幫使用者移動、切換、定位。
Component：放可重複使用的 UI 零件，像Dialog、Bottom Sheet、Card、Banner。- 它們通常不是整頁，而是可以被組進不同頁面裡。
Flow：放一段使用者流程，像Onboarding、Tutorial、Invitation。- 它描述的是「一連串步驟」，不是單一畫面。
Eagle 的搜尋和篩選可以再用標籤、顏色、評分、格式，搭配檢查器裡的資訊一起縮小範圍。
像是截圖的內容是根據黃色篩選出相關的圖片，相當方便，並且篩選項目可以多選。
AI Agent / Skill
官方安裝說明可以看這篇：Eagle Skill 說明，裡面也有 prompt 範例。
實際測試後，可以先丟一小批代表性圖片，讓 AI Agent 初步判斷分類方式，再決定後面要怎麼整理整個資料庫。也可以先建立一些標籤後，再讓它幫你做更細的整理，像是合併重複標籤、統一命名、補上漏掉的標籤等。
如果圖片還沒標好，它也能直接看內容幫你加標籤，只是這種做法比較適合數量不多的情況，避免消耗太多 Token。
以下是我問 Eagle Skill 他可以做什麼，得到的回覆：
我可以幫你做這些事：
- 搜尋素材：用關鍵字、標籤、檔案類型、資料夾、評分等條件找圖、影片、設計檔。
- 整理素材：批次加標籤、移除標籤、移到資料夾、從資料夾移除、更新名稱或描述。
- 管理資料夾：建立資料夾、查詢資料夾結構、更新資料夾名稱、顏色與層級。
- 管理標籤：列出標籤、統計使用量、重新命名、合併重複標籤。
- 管理標籤群組：建立/更新/刪除 tag group，把標籤歸類到群組裡。
- 管理智慧資料夾：建立自動篩選規則，例如「所有 PNG、帶有 UI 標籤、評分 4 星以上」。
- AI 搜尋：如果 Eagle 的 AI Search plugin 可用，我可以用自然語言找素材，或找跟某個素材視覺相似的項目。
- 讀取目前選取項目：你在 Eagle 裡選幾張圖，我可以直接針對那些項目做整理、標記或分析。
其他選擇：Mobbin
如果主要需求是挖掘成熟產品的 UI pattern，Mobbin 這類服務很適合。
因為網站有大量的 UI 資源，收錄超過 1400 個 App、62 萬以上的產品畫面，用戶可以省下許多截圖和整理的時間，也不用為每個 app 都先註冊一輪帳號。平台已經把內容整理成 flow、screen、UI element 這種結構，所以像 onboarding、login、checkout 流程很快就能找到。
Mobbin 也支援上傳自己收集的截圖。這讓它不只是看別人整理好的內容，也能把你自己的參考一起放進去。
| 項目 | Eagle | Mobbin |
|---|---|---|
| 產品定位 | 自己長期整理與保存素材的工具 | 已整理好的外部設計參考資料庫 |
| 付費方式 | 一次買斷、長期使用 | 訂閱制 |
| 使用心法 | 重點是把自己收集的截圖、靈感、研究素材慢慢養成可搜尋的資料庫 | 重點是快速查成熟產品、流程與 UI pattern |
| 適合誰 | 常常自己截圖、自己分類、自己維護素材的人 | 想快速看別人已整理好的真實產品案例的人 |
總結
Eagle 不只是一個存圖的地方，它支援透過資料夾、Tag、搜尋和篩選，慢慢把累積的圖片整理成一套屬於自己的參考系統，讓平常收集的產品截圖、UI 參考和設計素材，可以在之後快速找出來。如果再搭配 AI Agent，維護資料庫也能更有效率。
如果你也常存產品截圖、UI 參考和設計素材，想做的是一個能長期使用、之後找得到的素材庫，Eagle 很值得試一次。
