- 在製作網頁設計提案或已完成標案，與業主討論時，會先將視覺設計稿以UI軟體製作，供視覺設計規劃的參考、討論與後續修改的依據，通常會在提案企劃書中出現，或是與業主簡報，及討論時使用。
- 在早年UI軟體還不太成熟之前，視覺設計師會使用photoshop或illustrator等影像及繪圖軟體製作『網頁視覺設計精稿』(Mockup)，但因為軟體結構較為複雜，並不那麼適合UI設計使用，會花較多時間來製作；近年來UI設計師及網頁視覺設計師，都會使用UI軟體以來製作供提案使用的線稿(WireFrame)、精稿(Mockup)及互動設計稿(Prototype)。
- 最多人使用的UI軟體有：最近異軍突起的 Figma、Adobe XD以及老字號的 Sketch等，而 Figma因為不需下載、可免費使用、功能強大等特質，是目前很多設計師使用的UI軟體。
- 以下為三大 UI MOCKUP軟體簡介：
原文出處｜使用者介面設計講義 中的： UI MOCKUP軟體
早年製作介面精稿（Mockup），多使用photoshop或Illustrator來製作，但這兩個軟體功能強大，但並不是為了介面設計而開發的軟體，因此在使用上較為複雜，開發方式及過程較不直覺，而近年來，UI設計師開始使用專為網頁（web）及行動應用程式（APP）開發的UI 設計工具來設計介面精稿。
以下介紹三個目前最夯的UI 設計工具：Sketch 是業界最愛用的介面設計軟體，但僅限於MAC OS系統使用。還有Adobe開發的介面設計軟體XD，以及異軍突起的新星Figma，無論PC MAC皆可使用，並且只要在瀏覽器上即可操作，使用非常便利。
- FIGMA介紹
- Figma官網連結
- 學習Figma, 從這裡開始-最新的Figma 中文文檔和優質原創教程
- 深入了解Figma：UI 設計神器
- Figma — 異軍突起的設計協作神器
- Figma免費線上協同設計工具，和團隊一起編輯＆繪製UI、UX介面原型。
- Sketch Sketch只支援 MAC OS，是業界主要慣用軟體，直觀的介面，沒有任何軟體基礎的人都容易上手，門檻不會太高。有豐富強大套件資源，Toolbox 有豐富的套件、模板、外掛等資源，加速設計流程。
- Sketch官網連結
- Sketch學習筆記（一）-基礎介面與工具
- 自學介面設計及Sketch資源分享
- SKETCH 初心者在設計 UI 前要做的五件事！
- Sketch 3 很高興認識你
- UI/UX設計師必備！五大實用Sketch外掛程式推薦
- Adobe XD
Figma是可直接在瀏覽器上操作的的 UI 設計工具，只需網路即可，因此不限系統類型，不佔電腦空間，可多位設計師共同編輯設計檔，版本歷史功能更直覺切換。
Figma是線上介面設計工具，允許和團隊進行多人協同合作，在瀏覽器中進行設計，共同繪製使用者介面，UI、UX、網頁、App應用程式的介面原型，只要有一個成員變更內容，其他使用者都能同步查看變更和加入編輯，讓團隊可以共同討論，創作出最有共識的產品。
Figma = Sketch（UI設計）+ InVision（原型設計） + Zeplin（標註）+ Dropbox（雲端同步）+ Abstract（版本歷史）+ Craft-Freehand（實時討論） + Liveshare（實時分享）+ Team Library （團隊組件庫）+ Web API（第三方接入）+ …
延伸閱讀｜
延伸閱讀｜
Adobe XD是Adobe系列的UI設計工具，支援 MacOS、Windows，因為是Adobe開發的軟體，操作簡單，類似 Illustrator 介面。能整合 AI 與 PS，可以能整合 Illustrator 文件。能在Creative Cloud 做儲存與共用。
延伸閱讀｜
