这是 2020 年的第一波实用的设计干货合集！这次的合集当中包含了26 款有趣且实用的设计工具和素材。这些工具很好地反应出当下的设计趋势——它们泾渭分明地分为「实用代码做设计」和「完全无需代码做设计」这两种趋势。下面我们具体看一下吧~

配色和字体

1. Gradienta

为你的设计项目提供超过150种 CSS 色彩渐变，Gradienta 是一款开源工具，它提供了 JPG、PNG、SVG 等格式的可下载素材，并且根据需求选择尺寸。此外，这款工具是完全符合 MIT 许可的。

网址：遗失

2. Cover Colors

这是一套基于音乐专辑封面来生成配色方案的工具，这样你就不会因为无休止的配色选择而感到不知所措了。

网址：

https://www.eggradients.com/random-color-palette-generator?ref=prototyprio

3. Leonardo

这是一款开源配色生成器，它会基于对不对需求来生成配色方案。你只需要选择好配色和对比度，然后复制结果，就能在你自己的设计当中使用了！

网址：https://leonardocolor.io/?ref=prototyprio

4. Litur

这款 iOS 配色工具让你可以随时随地搜集周围的配色，它会根据你的选择的色彩，提供不同的配色组合。此外，它还有创建完整的配色方案，让你在设计的时候直接用上。

网址：https://litur.app/?ref=prototyprio

5. Fonts Ninja

Fonts Ninja 可以在你浏览字体的时候，快速识别它，这样方便你在设计当中使用。

网址：https://www.fonts.ninja/?ref=prototyprio

6. Handy Font

这是 5 款手写英文字体的合集，Handy Fonts 提供不同格式的文件供你使用，包括OTF和WOFF。每款字体都包含有 300 个不同的字形和符号，全部的标点符号和西文字体的支持。

网址：https://handy.graphics/?ref=prototyprio

平面设计

1. Vectornator Pro for Mac

Mac版的 Vectornator 是一款设计工具，其中包含有一组强大的矢量工具，并且可以快速启动，并且可以实时协作。

网址：https://vectornator.io/mac/?ref=producthunt

无代码工具

1. Bravo Studio

Bravo Studio 是一款无需代码的移动端 APP 构建工具，它能够将 Figma 原型转换成为 iOS 和 Android 应用，全过程无需代码。

网址：https://www.bravostudio.app/

2. Appratio

Appratio 是一款无代码应用构建工具，使用拖拽控件快速完成布局和功能，然后创建 iOS、Android 和 Web 应用。这款工具可以灵活快速地自定义应用中的任何内容。

网址：https://www.apprat.io/?ref=prototyprio

3. Slides 5

Slides 5 是一款静态网站构建工具，这款工具带有不同的模块和模板，你可以为自己的项目进行自定义设计。

网址：https://designmodo.com/slides/ref=prototyprio

4. Fronty

Fronty 是一款基于 AI 的图片转 HTML 转换器，这款工具可以与 HTMl 和 CSS 一起使用，因此你可以将图片轻松变成真实的网站，无需编写代码的能力。

网址：https://fronty.com/?ref=prototyprio