收集了許多 UI/UX 設計的工具，主要有以下分類 ( 以下介紹部分翻譯自 github 專案的介紹 ，blog 的檔頭圖示也來自此 github 專案 )
1. Accessibility Tools – 無障礙是指建立對所有人都可用的網站和應用程式，包括有視覺、運動、聽覺、語言或認知障礙的個人。
2. Animation Tools – 動畫引導人們友好、流暢地瀏覽產品。 即時互動式使用者介面使使用者感到高興的即時反饋和情感觸控。
3. Augmented Reality – 擴增實境是一項技術，通過在真實世界中新增一層數位資訊，來升級我們的真實世界。
4. Collaboration Tools – 希望嘗試一些敏捷設計和開發協作的工具嗎？ 好主意，因為這樣的工具使設計師和開發人員的生活更容易，節省時間和提高生產力。
5. Color Picker Tools
6. Design Feedback Tools – 在開發過程中，您如何提供並獲得反饋？ 對於許多產品團隊來說，這個流程通常是相當混亂的，這會導致產品延遲和來回溝通的時間浪費。
7. Design Handoff Tools – 當設計師完成工作並且需要將所有規格和資產的設計交付給開發人員時，設計交接就發生了。
8. Design Inspiration – 創造的過程可能是艱難的。 所以，如果你的想法沒有馬上出現在你的腦海中，試著從其他設計師的作品中尋找靈感。
9. Design System Tools – 我打賭你一定聽說過設計系統，因為它是一個相當時髦的話題。 設計系統提供了一致的、強健的設計模式，使設計和開發保持同步。 它們本質上是在設計和程式碼中實現的規則、約束和原則的集合。
10. Design to Code Tools – 每個人都可以學習開發，但這需要時間和努力。 如果你現在需要一個網站或一個應用程式，而你又不想僱用一個開發人員，那麼請注意website builders。 這樣的設計程式碼工具將幫助你做一個作品組合，簡單登陸或應用程式非常快速和漂亮。
11. Design Version Control – 開發人員長期積極使用版本控制工具，可能從2005年(Git 的第一個版本)開始。 使用版本控制系統對於開發團隊來說是不費腦筋的，而設計版本控制系統是最近才出現的。
12. Experience Monitoring – 傾聽使用者是很重要的，但是看到真實的使用情況更加重要。 對於這些，您需要安裝不同的分析工具、體驗監控軟體和使用者行為應用程式。
13. Font Tools – 字型通常被用來使網頁變得更漂亮。 這是任何設計必不可少的一部分。
14. Gradient Tools – 你可以看到漸層變色無處不在ー UI，品牌，插圖，排版。 漸層變色是通過使用兩種或多種不同的顏色來繪製一個元素，同時在它們之間逐漸褪色來建立的。 它可能看起來令人難忘，新鮮和獨特的顏色。
15. Icons Tools – 除了字型之外，圖示在每個設計中都被使用。 這些基本元素支援並指導產品內部的許多使用者操作。 毫無疑問，圖示是使用者瀏覽的重要元素。
16. Illustrations – 插圖可以用在你的登陸頁面，部落格文章，在你的應用程式或電子郵件活動。 它們使你的設計生動而有趣。
17. Information Architecture – 資訊架構幫助設計師組織和構建網站、行動APP 和其它軟體內的內容。 因此，使用者將理解產品功能，並找到所需的一切。
18. Logo Design – 商標是你品牌形象的起點。 它反映了產品的使命、功能和品牌資訊。 理想情況下，商標會在你的產品和使用者之間建立強有力的聯繫。 標誌設計是一門藝術，也包含許多其它設計紀律。
19. Mockup Tools – Mockup是一種表示產品的視覺化方式。 雖然線框圖主要代表的是產品的結構，但模型顯示的是產品的外觀。 這些 Mockup 工具可以幫助你建立和協作原型、線框圖、圖表和原型
20. No Code Tools – 隨著”無程式碼工具”的興起，每個擁有筆記型電腦的人都可以構建和啟動一個專案。 這些工具幫助設計師和開發者建立網站、應用程式，甚至遊戲。
21. Pixel Art Tools – 畫素藝術是一種數字藝術形式，它將顏色應用於單個畫素以建立影象。 畫素藝術可以用來建立從複雜的場景和遊戲背景到角色設計或表情符號的一切。
22. Prototyping Tools – 原型是一個簡單的實驗設計提出的解決方案。 它應該有助於以一種快速而廉價的方式檢驗想法、設計假設和假設。 原型開發工具允許設計人員和客戶看到產品在現實世界中如何運作，並在這個解決方案上進行協作。
23. Screenshot Software – 截圖是設計和開發工作流程中的一個典型任務。
24. Sketching Tools – 有時你只需要一支鉛筆和一張紙就可以開始建立你的應用程式或網站。
25. Sound Design – 聲音設計是為網站、應用程式、電影、遊戲或任何其他產品創造聲景的藝術。 這種聲音在改變人們與你的產品的聯絡方式方面有著巨大的潛力。
26. Stock Photos Tools – 需要一個高品質的照片為 iOS 應用程式或新的橫幅？ 你可以自己拍攝或者從庫存照片網站上借。 幸運的是，你可以在任何專案中使用數百張漂亮的免費庫存照片和免版稅的圖片
27. Stock Videos – 如果您的工作與視訊內容，您將享受這些高品質，手工策劃的視訊。 你會在找到許多好的免費庫存視訊網站，你可以在你的網站、廣告活動或社群媒體上使用它們
28. Tools for Learning Design – 學習設計工具
29. UI Design Tools 使用者介面設計工具
30. User Flow Tools – 使用者流程是使用者為實現一個有意義的目標而採取的一系列步驟。 這是規劃客戶旅程和提高使用者體驗的快速方法。
31. User Research Tools – 使用者研究通過各種定性和定量的方法(訪談、觀察、形式等)幫助您理解使用者行為、需求和動機。 這些使用者研究工具對你很有用
32. Visual Debugging Tools – 視覺化除錯工具
33. Wireframing Tools – 線框圖是一種概述網站或應用程式基本結構的視覺模型。 它包含了最基本的元素和內容，幫助你很容易地解釋關於設計的想法。
34. Three D Modeling Software – 3D 圖形用於遊戲、電影製作、建築、工程和 3D列印。 3D藝術家和設計師使用特定的 3D 建模軟體