?

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

6款配色工具和圖標合集

1. 彩色圓點字體 Color Dot Font

andrepeat.com/color-dot

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

2. 精選調色板 Colorinspire.io

colorinspire.io/

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

3. 取色神器 Colordrop 2

getcolordrop.com/

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

4. 圖標合集 Flight Icons

flighticon.co/

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

5. 動畫圖標庫 useAnimations

useanimations.com/

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

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

iconscout.com/icon-edit

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

3套設計素材合集

1. Muzli 搜索

search.muz.li/

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

2. 素材庫 Undesign

undesign.learn.uno/

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

3. 設計API Design API

brandfetch.io/

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

5款原型工具

1. Adobe XD 19.0

adobe.com/products/xd.h

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

2. Framer Playground

framer.com/blog/posts/i

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

3. Marvel 工具箱 Entreprise 3

marvelapp.com/enterpris

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

4. 矢量圖形編輯器 Amadine

amadine.com/

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

5. 3D場景搭建工具 Spoke

hubs.mozilla.com/spoke/

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

2款樣機工具

1. 視頻樣機 Mokup Frames

mokupframes.com/

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

2. AppStore 樣機工具 Jaamly

apps.apple.com/app/jaam

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

4款設計插件

1. Sketch 轉網頁插件

sketch-to-web.com/

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

2. Sketch 入門設計套件

ls.graphics/dsk

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

3. remove.bg Sketch 插件

github.com/mathieudutou

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

4. 數據填充器 Data Populator

datapopulator.com/

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

4款協作和文檔工具

1. 協作平台 Taskade 2.0

taskade.com/downloads/

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

2. 項目管理協作工具 Nural

nural.me/

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

3. 筆記工具 Milanote iOS

milanote.com/

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

4. 文檔工具 DesignGapp

designgapp.com/home/

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

1款設計轉代碼工具

1. 設計&代碼編輯器 Frontnd

frontnd.io/

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

5款分析和用戶反饋工具

1. 用戶反饋工具 Useberry 2.0

useberry.com/

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

2. 新用戶引導設計工具 Eyelet

eyelet.io/

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

3. 用戶測試工具 One Click Test

oneclicktest.com/

藉助 One Click Test 做用戶測試，你真的只需要點擊一下就可以了。添加你的用戶測試的鏈接，並描述你需要用戶完成的任務，接下來你就只需要坐下來觀察就行了。

4. 互動內容工具 involve.me

involve.me/

互動式的內容是一種吸引用戶的方式，而 involve.me 就是為了這樣的內容而生的，它可以幫你在不同的節點吸引用戶的注意力，以達成目標。

5. 用戶反饋工具 Presto

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）


推薦閱讀：
相关文章