第三波！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 来帮你进更多复杂转化过程，这确保了你能够将文件制作更小，是质量能够像视频样高。