【設計工具】28個免費線上設計軟體推薦，設計師的工具懶人包

身為一位稱職的設計師都必須要有的線上設計工具，無論是在任何地方都可以隨時隨地的打開設計軟體來工作，這裡面的工具包括網頁設計工具、UI設計工具、線上修圖工具等其他相關軟體，完全都是免安裝就可以直接使用，對於懶人來說會是個很棒的懶人包。

Uizard 手繪線框轉換

手繪線框轉換網站： https://uizard.io/
推薦說明： 將手繪線框轉換為數字設計文件和前端代碼-自動轉換。

將手繪線框轉換為數字設計文件和前端代碼-自動轉換

Photopea 修圖工具

修圖工具網站： https://www.photopea.com/
推薦說明： 檢查PSD和Sketch文件。將草圖轉換為PSD。應用照片效果和濾鏡。

檢查PSD和Sketch文件。將草圖轉換為PSD。應用照片效果和濾鏡

Glyphs 字體編輯器

字體編輯器網站： https://glyphsapp.com/
推薦說明： 每個人的字體編輯。在Mac上創建令人驚嘆的字體。

每個人的字體編輯。在Mac上創建令人驚嘆的字體

Vectary 3D建模軟體

3D建模軟體網站： https://www.vectary.com/
推薦說明： 借助這款易於使用的在線3D建模軟件，將創意轉化為3D設計。

借助這款易於使用的在線3D建模軟件，將創意轉化為3D設計

Spirit 動畫工具

動畫工具網站： https://spiritapp.io/
推薦說明： 動畫工具可幫助設計人員和開發人員在瀏覽器中實時創建動畫。

動畫工具可幫助設計人員和開發人員在瀏覽器中實時創建動畫

Image Resizer 圖片編輯器

圖片編輯器網站： https://promo.com/tools/image-resizer/
推薦說明： 只需按一下按鈕，即可立即調整大小，編輯和裁剪所有網絡和社交媒體格式的照片和圖像。它免費且易於使用。

只需按一下按鈕，即可立即調整大小，編輯和裁剪所有網絡和社交媒體格式的照片和圖像。它免費且易於使用

Pixelmator Pro 圖像編輯工具

圖像編輯工具網站： https://www.pixelmator.com/pro/
推薦說明： PixelmatorPro是一款功能強大，美觀且易於使用的圖像編輯器，其中充滿了創新。

PixelmatorPro是一款功能強大，美觀且易於使用的圖像編輯器，其中充滿了創新

Gravit Designer 矢量設計

矢量設計網站： https://www.designer.io/
推薦說明： 適用於21世紀的跨平台設計工具。

適用於21世紀的跨平台設計工具

STUDIO 網站設計

網站設計網站： https://studio.design/
推薦說明： 只需點擊一下即可設計網站。免費註冊和設計無限制。

只需點擊一下即可設計網站。免費註冊和設計無限制

Figma UI設計工具

UI設計工具網站： https://www.figma.com/
推薦說明： igma是基於瀏覽器的第一個界面設計工具，使團隊更容易創建軟件。

igma是基於瀏覽器的第一個界面設計工具，使團隊更容易創建軟件

Blocs For Mac 網頁設計工具

網頁設計工具網站： https://blocsapp.com/
推薦說明： 功能強大的可視化網頁設計工具，可讓您無需編寫代碼即可創建自適應網站。

功能強大的可視化網頁設計工具，可讓您無需編寫代碼即可創建自適應網站

UXPin 開發人員文檔工具

開發人員文檔工具網站： https://www.uxpin.com/
推薦說明： 根本不同的設計工具。利用代碼組件，邏輯，狀態和設計系統，構建感覺真實的原型。

根本不同的設計工具。利用代碼組件，邏輯，狀態和設計系統，構建感覺真實的原型

Crello 海報設計工具

海報設計工具網站： https://crello.com/
推薦說明： 我們創造了Crello讓設計變得有趣。Crello易於使用-無論您是經驗豐富的設計師還是初學者，都無所謂。我們為營銷人員，社交媒體專家，企業家，博主以及任何需要為其創意項目提供簡單解決方案的人製作了Crello。

我們創造了Crello讓設計變得有趣。Crello易於使用-無論您是經驗豐富的設計師還是初學者，都無所謂。我們為營銷人員，社交媒體專家，企業家，博主以及任何需要為其創意項目提供簡單解決方案的人製作了Crello

Sketch 草圖設計

草圖設計網站： https://sketchapp.com/
推薦說明： Sketch是一個設計工具包，旨在幫助您創建最佳作品-從最早的想法到最終的藝術作品。

Sketch是一個設計工具包，旨在幫助您創建最佳作品-從最早的想法到最終的藝術作品

Phase UI設計工具

UI設計工具網站： https://phase.com/
推薦說明： 在數字時代重新設計的新功能強大的產品中，直觀，直觀地設計和構建網站和應用程序。

在數字時代重新設計的新功能強大的產品中，直觀，直觀地設計和構建網站和應用程序

InVision Studio 動畫設計

動畫設計網站： https://www.invisionapp.com/studio
推薦說明： nVisionStudio通過快速原型設計，動畫，內置設計系統等提升您的工藝。

nVisionStudio通過快速原型設計，動畫，內置設計系統等提升您的工藝

Overflow 流程圖設計

流程圖設計網站： https://overflow.io/
推薦說明： 將您的設計轉變為可播放的用戶流程圖，講述故事。

將您的設計轉變為可播放的用戶流程圖，講述故事

Maze 設計工具

設計工具網站： https://maze.design/
推薦說明： 將您的原型轉化為真實用戶的可操作見解，為設計過程帶來信心。

將您的原型轉化為真實用戶的可操作見解，為設計過程帶來信心

Plant 網頁設計工具

網頁設計工具網站： https://plantapp.io/
推薦說明： 設計師的版本控制。受到世界上最好的公司的信賴。

設計師的版本控制。受到世界上最好的公司的信賴

Avocode UI設計工具

UI設計工具網站： https://avocode.com/
推薦說明： 沒有設計工具的開放設計。導出圖像而不准備圖層。單擊圖層以獲取代碼。

沒有設計工具的開放設計。導出圖像而不准備圖層。單擊圖層以獲取代碼

Trunk 團隊設計工具

團隊設計工具網站： https://jointrunk.com/
推薦說明： 輕鬆地與整個團隊在Sketch，Photoshop和Illustrator文件上進行協作。

線上熱門文章排行榜

輕鬆地與整個團隊在Sketch，Photoshop和Illustrator文件上進行協作

Affinity Photo 圖像編輯

圖像編輯網站： https://affinity.serif.com/en-us/photo/
推薦說明： 適用於電腦版和iPad的專業圖像編輯軟體。

適用於電腦版和iPad的專業圖像編輯軟體

Canva 圖表編輯

圖表編輯網站： https://www.canva.com/
推薦說明： 使用Canva的拖放功能和佈局來設計，共享和打印名片，徽標，演示文稿等。

使用Canva的拖放功能和佈局來設計，共享和打印名片，徽標，演示文稿等

Remove.bg 去背軟體

去背軟體網站： https://www.remove.bg/
推薦說明： 5秒內自動去背軟體，快速刪除背景。

5秒內自動去背軟體，快速刪除背景

Zeplin 樣式設計

樣式設計網站： https://zeplin.io/
推薦說明： 具有準確的規格，資產，代碼片段。

具有準確的規格，資產，代碼片段

Haiku UI設計工具

UI設計工具網站： https://www.haiku.ai/
推薦說明： 使用設計工具，代碼或兩者創建動態的跨平台UI。

使用設計工具，代碼或兩者創建動態的跨平台UI

Adobe XD CC UI設計工具

UI設計工具網站： https://www.adobe.com/products/xd.html
推薦說明： XD是用於設計網站和移動應用程序的UI/UX設計解決方案。免費設計，原型和分享。

XD是用於設計網站和移動應用程序的UI/UX設計解決方案。免費設計，原型和分享

Webflow RWD設計工具

RWD設計工具網站： https://webflow.com/
推薦說明： 在您的瀏覽器中構建響應式網站，然後與我們一起託管或將代碼導出到託管的任何地方。

在您的瀏覽器中構建響應式網站，然後與我們一起託管或將代碼導出到託管的任何地方