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

• ?? 6 款原型工具
• ?? 4 個設計合集
• ?? 3 款插畫圖庫
• ? 4 個設計系統
• ?? 3 款代碼工具
• ?? 2 個樣機工具
• ?? 3 款效率工具
• ?? 2 個求職工具

?? 原型工具

1. ProtoPie 4.0 →

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

• 逼真的、定制化的微交互
• 可復用的交互組件
• Sketch、Figma 和 Adobe XD 的互相導入
• 支持 macOS、Windows、iOS 和 Android

2. Supernova V7 →

使用 Supernova V7，你可以將 Adobe XD 變成了一個生產力工具。你可以在 Supernova 的博客上查看所有相關內容。

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

3. Dimension →

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

4. Skewdat (plugin) →

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

5. Font Replacer (plugin) →

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

6. Drama →

Drama 旨在幫你減少在不同的設計工具之間切換的流程，它讓你的原型設計工作流都整合在一個 Mac 應用當中。它的功能很全面：

• 繪制用戶界面
• 創建交互式原型
• 制作動畫

?? 設計素材合集

1. Eagle →

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

2. Designtarget →

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

3. Icondrop for Adobe XD (plugin) →

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

4. Unsplash for Figma (plugin) →

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

?? 配色和圖庫

1. Color Collect →

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

2. Evil Photos →

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

3. Dropshipping Illustrations →

這是基于 SVG 和 Javascript 實現的電商類插畫，這款軟件包支持不同的瀏覽器，并且可以適配不同的屏幕，在任何項目當中使用。

?? 設計系統

1. Cabana 3.0 →

3.0 版的 Cabana 是剛剛發布的設計系統，是針對 Sketch 平臺的「入門級設計系統工具包」，為你可提供快速創建桌面端和移動端 UI 的組件。

2. Superposition →

在 Superposition 的幫助下，你可以將現有網站的設計系統逆向導出出來，供你使用，它能將現有網站的 CSS、JavaScript 給導出來，提取色彩、版式、陰影等元素，不一而足。此外，它還有 XD 的插件，非常方便。

3. Toolabs DSM →

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

4. Zeroheight for Adobe XD →

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

?? 代碼工具

1. Get Waves →

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

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. Artyline →

草圖到樣機，這款 AR轉化工具可以一鍵實現。Artyline 能夠快速識別元素，并且借助現實增強技術，將它在手機上的樣式直接呈現出來。

2. Enlight Pixaloop →

Enlight 出品的的 Pixaloop 是一款能夠給靜態圖片添加動畫的APP，有iOS 和 Andorid 的版本。

?? 效率工具

1. Space Browser →

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

2. Focus →

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

3. Presentator →

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

?? 求職工具

1. FakeClients 2.0 →

這是一個適合給設計師做虛擬項目的工具，它能夠快速生成隨機的設計需求摘要，無論你想練習 LOGO設計，做UX設計還是網頁設計，都可以以此作為需求進行虛擬項目練習。

2. Boooom →

Boooom 是一個非常先進的設計類求職應聘平臺，它擁有來自25 個不同國家和地區的頂尖的設計類的工作機會，是你聯系頂尖設計工作室和企業的平臺。