Prototypr.io 的這最新一期的的實用設計工具合集來了！雖然這一次的推薦的工具里面有一些熟臉，但是這總計有21款工具里面的新鮮面孔還是占了一大半！看看這次的內(nèi)容列表，干貨絕對少不了！總會有幾款，是你正好需要的好東西：

• 5 款原型工具

• 4 個設計合集

• 3 款插畫圖庫

• 3 個設計系統(tǒng)

• 3 款代碼工具

• 3 款效率工具

原型工具

1. ProtoPie 4.0 →

ProtoPie 是一款適用于 Mac 和 Windows 兩大平臺的流行交互式原型工具。最新更新的 4.0 版本包括這些新特性：

• 逼真的、定制化的微交互

• 可復用的交互組件

• Sketch、Figma 和 Adobe XD 的互相導入

• 支持 macOS、Windows、iOS 和 Android

2. Supernova V7 →

使用 Supernova V7，你可以將 Adobe XD 變成了一個生產(chǎn)力工具。你可以在 Supernova 的博客上查看所有相關(guān)內(nèi)容。

鏈接：https://blog.prototypr.io/turn-adobe-xd-into-production-apps-with-supernova-v7-aba1cf8ae01

3. Dimension →

想在 iPad 上使用 Figma 嗎？來試試 Dimension 吧，這是一個最新的開源工具，旨在在 iPad 上實現(xiàn)類似 Figma 這樣系統(tǒng)全面的設計工具。

4. Skewdat (plugin) →

這是一個非常簡單實用的 Figma 控件，它可以幫你將任何形狀元素傾斜過來。

5. Font Replacer (plugin) →

這是一個全新的 Figma 插件，可以幫你輕松地幫你替換設計當中的字體族和字體樣式。

設計素材合集

1. Eagle →

Eagle 是國人研發(fā)的一款超強的素材管理工具，它有著優(yōu)秀的文件組織能力，增強型的搜索功能，如果你想了解更多。

→購買地址

2. Designtarget →

Designtarget 會每周為你提供免費的設計素材和文章，幫你逐步改善設計的工作流程和方法。

3. Icon for Adobe XD (plugin) →

用最新版的 Icon 可以幫你將圖標等素材添加到你的 Adobe XD 項目當中去。這款插件能夠直接訪問超過 100 萬款不同的設計資源，你應該能夠從中獲得不少樂趣。

4. Unsplash for Figma (plugin) →

Unsplash 終于發(fā)布了針對 Figma 的版本，這意味著你可以更加快捷方便地將精美的圖片插入到你的設計項目當中去了。

配色和圖庫

1. Color Collect →

Color Collect 有 iOS 和 Android 的版本，因此你可以借助手機直接從現(xiàn)實世界當中獲取配色，然后在你的UI界面當中使用！

2. Evil Photos →

這是一組風格更加惡搞有趣的圖庫，不過這套圖庫是收費的，2.5美元一張，各種類別都有，付費之后可以下載 PNG 和矢量文件。

3. shipping Illustrations →

這是基于 SVG 和 Javascript 實現(xiàn)的電商類插畫，這款軟件包支持不同的瀏覽器，并且可以適配不同的屏幕，在任何項目當中使用。也是付費產(chǎn)品。

設計系統(tǒng)

1. Superposition →

在 Superposition 的幫助下，你可以將現(xiàn)有網(wǎng)站的設計系統(tǒng)逆向?qū)С龀鰜?，供你使用，它能將現(xiàn)有網(wǎng)站的 CSS、JavaScript 給導出來，提取色彩、版式、陰影等元素，不一而足。此外，它還有 XD 的插件，非常方便。

2. Toolabs DSM →

Toolabs DSM 是一款針對 Adobe XD 平臺的全新插件，用來管理設計系統(tǒng)，有了它之后，你可以直接創(chuàng)建主題話的設計，而不用在設計的時候去復制畫板，再進行設計和調(diào)整。

3. Zeroheight for Adobe XD →

絕大多數(shù)人都是因為 Zeroheight 超贊的風格樣式文檔而了解它的，現(xiàn)在它擁有了 Adobe XD 插件，可以更好地和設計項目結(jié)合起來，不妨試試看！

代碼工具

1. Get Waves →

Get Waves 這款工具是由 Cristina Poiata 和 Richard Zimerman 所創(chuàng)建的工具，它可以生成 SVG 格式的波紋，可以應用到不同的數(shù)字項目當中去！

2. SVG Artista →

SVG Artista 可以幫你使用純 CSS 代碼來設置 SVG 圖像和動畫中的 stroke 和 fill 屬性。它支持 path, line, polyline, rect, circle, ellipse 和 polygon 元素。

3. Codeimg.io →

Codeimg.io 這款工具如今足以替代之前流行的 Carbon.now.sh ，可以幫你以圖像的形式共享和顯示源代碼，這對于文章展示和社交媒體分享很有用。

效率工具

1. Space Browser →

這是一款革命性的瀏覽器，在這款瀏覽器當中，你可以更加高效地在控件中組織和整理不同的標簽頁、歷史記錄，并且可以快速的瀏覽和還原。

2. Focus →

一這是一款頗為出色的 Adobe XD 和 Sketch 插件，可以幫你改善工作流程，F(xiàn)ocus 讓你可以在設計中更便捷添加上下文注釋，可以更加輕松的管理和溝通。

3. Presentator →

這是一個免費開源的設計展示和協(xié)作平臺，你可以在網(wǎng)上使用它，甚至可以按照 Github 上的說明，將它托管在你自己的服務器上。