免费设计工具 - 生成器、图形模板、原型设计...

免费设计资源和图形设计工具

这些资源会经常更新。因此建议收藏。您可以访问以下链接查看原始页面和更新页面：免费设计资源。我另一个厚颜无耻的推荐是那篇评论 最佳免费博客平台
的文章。

免费设计资源和图形设计工具

免费设计资源和图形设计工具的集合。我列出了许多图形设计资源，它们可以帮助你生成和创作有用的图形。

如果您不仅对设计资源感兴趣，而且对内容创建工具也感兴趣，您可以查看我的其他精选列表：

• 视觉和书面内容创作工具
• 博客网站终极清单

免费设计资源第一部分 - 生成器应用程序

这些工具可以帮你生成设计资源。它们虽然简单，但却能生成有效的模式和代码。这些都是免费的设计资源，你可以自行调整和使用。

魔法图案

Magic Pattern 包含一系列免费增值工具。SVG 波形生成器的链接如下；您也可以查看其他工具。Magic
Pattern SVG 波形生成器

获取 Waves

免费的 SVG 波形生成器，为您的下一个网页设计制作独特的 SVG 波形。选择曲线，调整复杂度，并进行随机化！立即
获取 Waves

SVG 波形

另一个可生成 SVG 或 PNG 格式波浪图案的生成器。SVG Wave 是一款极简渐变 SVG 波浪生成器，拥有丰富的自定义功能。它允许您生成并导出精美波浪的 PNG 和 SVG 文件。SVG Wave 还允许您叠加多个波浪。为您的网站设计创建 SVG 文件。SVG
Wave

伪代码生成器

此应用需要任何 GitHub Gist 的链接。当您提供源代码时，该网页应用会将其转换为仿代码图形。
仿代码生成器

新拟态 CSS 生成器

这款 Web 应用可让您创建可在视觉上进行调整的新拟态 CSS 代码。
新拟态 CSS 生成器

软UI

另一个免费的设计资源，让您能够构建神经形态样式代码。
探索最先进的 CSS 盒阴影生成器，打造您的 UI。在神经形态设计中创建颜色、渐变和元素：快速、免费、无广告。

软UI

故障艺术

故障艺术生成器生成故障图案。
故障艺术

精美边框生成器

此在线设计资源可让您制作自定义形状的边框。
精美边框生成器

Components.ai

这个设计资源实际上是一个套装。它包含许多由机器学习算法生成的设计生成器。渐变、色阶、Voronoi 和 Bootstrap 调色板生成器。AI
组件

材质阴影

它允许你为图标添加阴影。你还可以选择预定义的材质图标。
材质阴影

技术废话生成器

如果你需要一些炫酷的词汇，这款应用就能满足你。它能帮你创建一个炫酷却又垃圾的词汇生成器。
科技垃圾词汇生成器

斯奎尔克利

Squircley会生成既不是正方形也不是圆形的形状。你可以根据需要进行调整。Squircley

形状分隔线

它分割形状。你意识到某些分割形状非常适合落地页。你可以用这个设计资源来制作这类形状。
形状分割器应用

斑点

装饰性斑点生成器工具。
斑点

大祭套房

Omatsuri 并非一款单一的图形设计工具，而是一套免费的设计资源套件。您可以找到许多实用的图形设计资源，例如三角形生成器、波浪生成器、色调生成器和调色板生成器。Omatsuri Suite 是
一款包含 12 款开源前端工具的渐进式 Web 应用程序。

博客封面生成器

简单的博客文章封面生成器。
博客封面生成器

帕特里科

一个模式生成器。Patternico

小玩意儿

另一个模式生成器
Doodad

虎斑纹

使用生成的图案进行涂鸦。
带标签

BG罐

非常有用的背景图案生成器，可以将您的设计导出为各种格式，例如 CSS、SVG 或 PNG。BG
Jar

免费设计资源第二部分 - 视觉内容创建工具

Canva

Canva 是最受欢迎、使用率最高的图形内容创作网站。它提供免费和付费两种方案。如果您需要快速创建视觉内容，Canva 是最好的设计资源之一
。Canva

易思尔

Easil 是 Canva 的另一个替代品，免费计划的功能有限
。Easil

维斯梅

Visme 是一款在线工具，可让您轻松创建信息图表。这些信息图表对于视觉解释和建立反向链接非常有用
。Visme

荣耀

Glorify 是一款类似 Canva 的工具，专门为 Product Hunt、Shopify、Fiver 等不同平台创建图形……
Glorify

波洛特诺工作室

Polotno Studio 允许您编辑图形。Polotno
Studio

投影仪

Projector 也是另一个免费的图形模板设计工具
。Projector

塔勒

与其他免费设计资源相比， Taler是一款相对较新的工具。它也由电商平台 Shopify 提供支持。Taler

克雷洛

这是一款功能非常有限的图形设计工具。仅允许下载 5 个设计
。Crello

Artify

我个人很喜欢 Artify 的插图。它偶尔会没有反应。不过现在它已经可以正常工作了。另外，需要注明来源
。Artify

免费设计资源第三部分——原型设计和图形编辑工具

Figma

Figma 非常棒。它是 Sketch 的替代品。此外，它还采用了 Web-Assembly 技术，可以在浏览器上完成这些工作。它非常适合团队和自由职业者。它还允许你以图形方式编辑 React 组件。因此，Framer 是一款独特的设计工具
。Figma

笔壶

Penpot是一款开源免费原型设计和设计工具，目前处于 alpha 阶段。Penpot

框架器

Framer 以其移动端和交互原型开发而脱颖而出。它拥有 Web 版本和 MacOS 版本。React 开发者可能知道Framer Motion库，它是Framer的衍生产品。Framer

疯狂

Lunacy 是一款由 Icons8 开发的桌面软件。由于其开发公司的原因，它内置了一些资源。目前仅适用于 Windows 系统
。Lunacy

样条线

2020 年最佳工具之一。Spline 可用于创建 3D 几何图形。此外，它还支持 Linux。

样条线

免费设计资源 IV – 设计系统工具

Toolabs 设计系统

Toolabs 是一款非常直观的工具，可让您创建设计系统并将其导出为 CSS、JSON 等各种格式。此外，它还会为您的设计系统创建一个网页，方便您轻松访问和共享。Toolabs
DSM

Frontify

Frontify 不仅仅是一个设计系统工具，它更是一套完整的品牌设计套件。它为自由职业者提供免费方案。您可以创建自己的设计指南和设计系统。Frontify 还允许您创建网页，以便访问和分享您的指南。此外，您还可以开发和设计用户界面组件，并轻松共享代码。示例指南页面如下：

Frontify

迪茨

当案例涉及设计时，Token 非常有用。Diez 是一款专门用于创建设计 token 的工具
。Diez

零高度

您可以使用 Zeroheight 创建设计指南，并将其作为单一数据源。由于它同时包含设计和代码资源，与设计师和开发人员的沟通变得更加轻松。

零高度

免费设计资源 V – 杂项

设计大厅

这是一款美观的资源管理器。您可以部署您的设计资源，例如字体、图标、图片和颜色。目前处于测试阶段。
设计大厅

斯库什

Squoosh 是一款单页网页应用，能够轻松压缩图片。众所周知，谷歌表示，快速打开是网站排名的重要因素。因此，对于想要提升排名的网站来说，图片压缩是必不可少的。考虑到这种情况，Squoosh 是一个重要的免费设计资源
。Squoosh

目前原帖包含 70 多个免费设计资源和图形设计工具