​

對於設計師而言，這是一個越來越好的時代，每個月都會有大批的設計工具和輔助外掛更新來幫助設計更好地完成設計工作，而這其中 Adobe XD、Marvel 和 Framer 這類原型工具相關的外掛更新尤其頻繁，它們讓設計師更好地透過協作完成設計。這次更新的設計工具和外掛總計有 31 款，希望它們能幫助你。最後溫馨提示如果部分網址打不開，不是網址問題，而是需要FQ！

6款配色工具和圖示合集

1. 彩色圓點字型 Color Dot Font

https：//

andrepeat。com/color-dot

-font/

說真的，它並不是一個真正意義上的配色工具，它是一套字型──每一個西文字母都對應為一個不同色彩的小圓點。你可以拿這套字型來作為佔位符，更加清晰地看到佈局的結構。非常獨特的腦洞，也不失為一種獨創的設計元素吧？

2. 精選調色盤 http://Colorinspire.io

https：//www。

colorinspire。io/

為合適的專案尋找合適的配色總是一件令人糾結的事情，考慮到這一點，Ales Nesetril 創造了 Colorinspire 為你提供精選的配色方案，無論是直接使用，還是作為靈感，都會是不錯的選擇。

3. 取色神器 Colordrop 2

https：//

getcolordrop。com/

你有沒有想過，你最喜歡的那張照片裡的色彩所對應的16進位制 HEX 值？不用想了，用 Colordrop 2，答案直接就告訴你。

4. 圖示合集 Flight Icons

https：//www。

flighticon。co/

忘記靜態圖示吧。如今的世界是動態的，這也是為什麼當我們發現 Flight Icons 的時候，我們就會把它納入到整個體系當中，這個圖示合集包含了日常常見的所有日常圖示，非常有趣。

5. 動畫圖示庫 useAnimations

https：//

useanimations。com/

根據如今對於動畫的趨勢，Patrik Svoboda 整合了一系列很酷的微動畫圖示庫，你可以在你的 APP 和網站上使用。

6. 免費圖示編輯器 Free Online Icon Editor

https：//

iconscout。com/icon-edit

or/

定製化設計也是一大趨勢。這款免費的圖示設計工具是來自 IconFinder，這個免費的圖示編輯器讓你可以輕鬆修改圖示顏色，筆觸甚至形狀。

3套設計素材合集

1. Muzli 搜尋

https：//

search。muz。li/

Muzli 可能是網路上品質最高的設計靈感平臺之一了，我們早早就折服於這款工具，現在 Muzli 搜尋讓你能夠更為精確地搜尋並獲取靈感素材。

2. 素材庫 Undesign

https：//

undesign。learn。uno/

無論你是開發者、設計師，這個素材庫都是非常值得收藏的。這套素材庫當中涵蓋了各種不同的免費工具和資源，幫你將自己的構想變為現實。

3. 設計API Design API

https：//www。

brandfetch。io/

這可能是蒐集並使用設計元素的最有意思的一種方式，那就是將它以 API 的形式來使用。這個API 支援返回各種形式的內容，包括 LOGO、色彩、字型等等幾乎所有型別的素材。

5款原型工具

1. Adobe XD 19.0

https：//www。

adobe。com/products/xd。h

tml/

這可能是原型設計領域最不可忽略的力量，Adobe XD 19。0 作為最新的版本，明顯是最大程度地傾聽了使用者反饋之後，迭代出來的版本。新版中加重了設計元件的功能，以及設計師和開發人員之間的協同。

2. Framer Playground

https：//www。

framer。com/blog/posts/i

ntroducing-framer-playground/

截至目前，Framer 在2019年更新的這個版本是變化最大的一版。Playground 提供了自己編寫元件的可能性，而且這種編寫幾乎是毫無限制的。Framer 內建了新的程式碼編輯器，Playground 還為 Framer 增加了其他的功能，包括完整的原型庫和相關的文件。

3. Marvel 工具箱 Entreprise 3

https：//

marvelapp。com/enterpris

e/

Marvel Entreprise 3是對 Marvel 原有工具組合的一次合理的補充。新版的 Entreprise 主要透過增強協作和組織來大規模地提升產品設計的效率和效果。

4. 向量圖形編輯器 Amadine

https：//

amadine。com/

這是一款全新的向量圖形設計工具，具有直觀且足夠易用的 UI，對於視覺設計師和插畫師而言，是非常不錯的工具。

5. 3D場景搭建工具 Spoke

https：//

hubs。mozilla。com/spoke/

如果你是火狐瀏覽器和相關產品的使用者，那麼恭喜你了，這回有新東西可以玩了：3D 場景建模工具 Spoke，讓你可以直接在瀏覽器中構建各種場景，非常有趣，也非常實用。

2款樣機工具

1. 影片樣機 Mokup Frames

https：//www。

mokupframes。com/

影片樣機在設計領域用得越來越多了，Mokup Frames 就是基於這一概念而設計的，設計師可以基於它來建立可以用在 Dribbble 等平臺的GIF視覺稿。

2. AppStore 樣機工具 Jaamly

https：//

apps。apple。com/app/jaam

ly/id1401367875

Jaamly 是一款僅適用於 iOS 平臺的工具，它是用來幫你生成 AppStore 中展示用的螢幕截圖以及相關的圖示的工具。

4款設計外掛

1. Sketch 轉網頁外掛

https：//

sketch-to-web。com/

這款外掛出自 Sparkle 之手，能夠幫你將 Sketch 中的設計稿自動轉換成網頁。它能提供一套使用且易用的程式碼設計解決方案，幫你省去大量的時間。

2. Sketch 入門設計套件

https：//www。

ls。graphics/dsk

這是基於原子設計原則所製作的一套入門設計套件，它是新專案的完美起點，整套套件預先準備了完整的指南和相應的符號架構，可以非常便捷地進行定製。

3. remove.bg Sketch 外掛

https：//

github。com/mathieudutou

r/sketch-remove-bg/

著名的去背景服務 Remove。bg 為 Sketch 製作的外掛，讓你可以不離開 Sketch 直接輕鬆地移除圖片中不需要的背景。

4. 資料填充器 Data Populator

https：//www。

datapopulator。com/

可用於 Sketch 和 Adobe XD，Data Populator 能動態的資料佔位符，而不是傳統的亂數假文。

4款協作和文件工具

1. 協作平臺 Taskade 2.0

https：//www。

taskade。com/downloads/

Taskade 是一款乾淨、有趣且易用的協作平臺，如今在整個數字協作工具領域也有它自己的一席之地了。它可以在瀏覽器上使用，也可以作為桌面端和移動端的工具來使用，這意味著你可以在任何你感到舒適的地方便捷地工作。

2. 專案管理協作工具 Nural

https：//www。

nural。me/

這是一款新興的協作工具，2019 年年初才誕生，它的重心是在高效的專案管理上，無論是組織專案，還是和團隊進行溝通，它都能夠輕鬆勝任，並且幫你在 Deadline 之前完成專案。

3. 筆記工具 Milanote iOS

https：//www。

milanote。com/

這是一款簡單的 iOS 應用，能幫你組織筆記和想法，並且將它轉換成視覺化的內容。

4. 文件工具 DesignGapp

https：//www。

designgapp。com/home/

文件是確保專案一致性的關鍵。DesignGapp 可以讓你輕鬆建立設計風格指南，確保你和客戶協作和溝通更加便捷。

1款設計轉程式碼工具

1. 設計&程式碼編輯器 Frontnd

https：//

frontnd。io/

還在擔心你的設計脫離不開草稿本？你可以試著使用 Frontnd Builder 編輯器，只需託拽就能快速搭建設計，生成 Web應用，進行深入的編輯和管理，你甚至可以藉助它的實時編碼功能來調整程式碼，控制輸出的效果和細節。

5款分析和使用者反饋工具

1. 使用者反饋工具 Useberry 2.0

https：//www。

useberry。com/

如果你嘗試過 Useberry，你會發現使用者測試從來都沒有這麼便捷過！Useberry 讓你可以在原型階段就可以獲得使用者反饋，這樣就不必浪費時間經歷來創造使用者不需要的東西了。

2. 新使用者引導設計工具 Eyelet

https：//

eyelet。io/

幫助新使用者快速熟悉你的產品，提供完美的引導，是一件不容易的事情。Eyelet 就是為此應運而生的，它同樣會引導著你來使用它，而無需程式碼編寫能力。

3. 使用者測試工具 One Click Test

https：//

oneclicktest。com/

藉助 One Click Test 做使用者測試，你真的只需要點選一下就可以了。新增你的使用者測試的連結，並描述你需要使用者完成的任務，接下來你就只需要坐下來觀察就行了。

4. 互動內容工具 http://involve.me

https：//www。

involve。me/

互動式的內容是一種吸引使用者的方式，而

http：//

involve。me

就是為了這樣的內容而生的，它可以幫你在不同的節點吸引使用者的注意力，以達成目標。

5. 使用者反饋工具 Presto

https：//www。

getpresto。co/

幫你專注於使用者反饋的內容，它能夠很好的幫你組織螢幕截圖和產品影片，並且建立直觀的操作指南，並提高協助使用者的效率。

神器推薦

VIP會員招募令

字型神器——字 由

超讚的27個高質量免費圖片網站

10個讓人上癮的設計神器

讓人上癮的設計神器2之大氣星球

H5十大雲端神器“仙”界有名

懶人必備的20 個免費資源網

10個乾貨滿滿的國外設計網站

LOOK－非常騷的線上配色神器

推薦9個線上配色神器，再也不愁配色沒靈感了 ！

典藏版 | 月薪10W的UI設計師，都上這9類網站

推薦一大波質量超高的網站、設計師和攝影師

無需程式碼！9個最強設計師作品集製作神器

推薦迄今為止9個最強大的線上設計神器

關鍵詞回覆：

VIP、OC、神器、商用字型、UI學習 、面試技巧、Banner、樣機下載、LOGO、C4D教程、轉手繪、插畫、名片、包裝、字型下載、2。5D、設計規範，創意合成，作品集模板、商務合作、轉載、軟體下載請回復相對應縮寫（例如：PS）