第三波！25款最新的實用設計工具合集

這個月來自 Prototypr 的設計工具合集，質量相當過硬了！值得一提的是，Kitze 這款瀏覽器榮獲了「設計師和開發者最實用瀏覽器」稱號，而 Sizzy 則是月度最受歡迎的工具，有興趣的同學不要錯過！

4個設計素材合集

1.?Really Good Emails 2.0 →

從博客時代到社交媒體時代，電子郵件一直都是大家關注的核心。這也是為什么這個網站的價值那么高了：它包含了 4206 個電子郵件的設計和源代碼。

2.?Brutalist Web Kit →

粗野主義設計風格依然在流行！這里有 70 個免費的粗野主義設計風格的模板，有針對 Sketch 和 Figma 的版本，字體調用了來自 Google Fonts 的字體，都可以輕松編輯！

3.?Icons8 Photos 2.0 →

如果機器學習和專業的攝影結合到一起，會發生什么？我不知道，但是 Icons8 Photos 2.0 可能會告訴你答案。這里包含了各種各樣的模型、組件和背景，你可以和其他的創作者一起自定義照片。

4.?Greyhound Flowcharts →

這是 Denis Shepovalov 所創建的一個免費的素材庫，包含了 200 多個可定制的流程圖，可以兼容 Figma 和 Sketch，你可以輕松的創建漂亮的網站地圖和線框圖。

4個全新的插畫圖庫

1.?Paaatterns →

這個圖庫提供了22個截然不同的彩色圖案，都是矢量的圖案，非常適合在設計中營造富有創造力的視覺效果，它完全是免費的！

2.?Huge Illustration Pack & Creator →

Huge Illustration 不僅僅是一個圖包，而且還包含創建工具，你可以在此基礎上創建屬于自己的插畫。其中包含超過 300 個插畫，50個場景，100 個 Web 和移動端 UI 的模板！

3.?Isometric Illustrations →

風格獨特打破常規的等軸測插畫要不要試試？這是按照 MIT 協議分發的免費 SVG 格式等軸測插畫素材，趕緊試試！

4.?Delesign →

這是一組可以自定義的網頁和電子郵件模板，包含 HTML 和 CSS 代碼、插畫、圖形以及社交媒體相關的設計！

4款原型設計素材

1.?Amazon Alexa for Adobe XD →

這款工具能夠幫你將語音交互原型從 XD 導出到 Alexa，并且支持在 Alexa 設備上打開，并且和你的設計進行互動，比如 Amazon Echo、Echo Show、Sonos One 等設備上。

2.?Sketch Manager →

這是一個非常適合在 Sketch 上管理設計流程的工具。Sketch Manager 能夠幫你組織你的符號組件，文本樣式以及其他的素材。

3.?Lunacy 4.0 →

Lunacy 4.0 終于出來了！這是一個用于 Windows 平臺的圖形編輯器，其中集成了現成的設計素材、效果、GPU 渲染等功能，太贊了！

4.?Axure 9 →

Axure 是專門針對產品和開發者的原型設計工具，最新的 RP 9 在原型、開發、交付等功能上又有進一步的提升。

2款效率工具

1.?Sizzy →

Sizzy 是一個能夠幫助設計師和開發者極大提高工作效率的瀏覽器，比如其中的多設備預覽功能就可以方便開發者和設計師在設計工作中快速查看設計和開發的效果。

2.?VisualSitemaps →

如果你想結合現有的 Url 鏈接快速生成網站地圖，那么你需要 VisualSitemaps 這款工具！它可以為你提供基于縮略圖的可視化地圖，幫你更快地審視網站，適合在 UX、UI、SEO 和營銷研究。它也是 Product Hunt 中關注度最高的工具之一！

5款代碼工具

1.?Prototyping with React + Framer →

想要快速學習使用 React 和 Framer ，這里有精心挑選的 10個模塊和15個項目供你學習。

2.?Gapplin →

你可以使用 Gapplin 來編輯 SVG 圖像。它是使用webkit 來作為渲染引擎，不僅可以讀取 SVG 文檔，而且可以讀取 SVGZ 和 動態 SVG 文檔。非常值得嘗試！

3.?Balloon.css →

Balloon.css 能夠讓你在沒有 JavaScript 的前提下，像你的頁面元素添加工具提示，你所需要做的只是添加幾行CSS。

4.?Bulma Builder →

Bulma CSS 框架是一個高級的主題編輯器，Bulma Builder 能讓你更加輕松地創建和編輯模板。

5.?Cookies by Axeptio →

這是一個來自 Axeptio 的 Cookie 工具，它能夠為你提供一種全新的在網站上存儲，管理和呈現 Cookie 的辦法！

4款UI工具箱和設計系統

1.?Elements For Sketch →

這是一個 Envato 所提供的免費的 UI 工具箱，與此同時，你還可以使用 Envato Elements 所獲得的免費圖片素材。

2.?Flawwwless UI →

這是一個開源的 React.js 組件庫，你可以在它的基礎上創建和更新應用程序，同時還保持極高的質量。

3.?Ant Design System for Figma →

來自阿里巴巴的 Ant Design System 如今終于殺入 Figma 平臺了，它提供了2000多個 UI組件，600多個圖標，以及大量的自定義的樣式和界面。

4.?Atomize React →

這是一個針對 React.js 的設計系統，有助于設計師和開發人員進行協作。

2款樣機工具

1.?Screenzy →

Screenzy 是一款簡單的圖片和截圖美化工具，它的設計靈感來自于 Screely。

2.?Stacc →

Stacc 是一款將視頻文件轉化為高質量 Gif 的應用程序，它借助 FFMPEG 來幫你進行更多復雜的轉化過程，這確保了你能夠將文件制作得更小，但是質量能夠像視頻一樣高。