第三波！2022年7月精选实用设计干货合集

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

周二早上好！现在你看到的是这个炎热的 7 月第三波干货，这一波干货和往期的偏向有明显的不同，可能会更加贴合 UI 设计同学的需求，比如可以随意复制粘贴的超大 Figma 组件库，方便备份和恢复的插件，可以联动的超好用管理工具，可以将 Figma 设计稿转化为网站的工具，以及将 Figma 设计稿转化为代码的免费平台。除此之外，还有限时免费的网页项目素材，有免费帮你转换风格的头像生成工具，特别有意思，

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2022年7月精选实用设计干货合集

7月第1波设计干货合集来了！

第二波！2022年7月精选实用设计干货合集

现在你看到的是7月第2波设计干货合集，不过严格意义上来说，这一波完全是干货合集中的合集。

下面我们具体看看这一期的干货：

可以和 Figma 联动的无代码网站生成器

https://siter.io/

这是一个最近比较受欢迎的无代码网站搭建平台，这个平台可以和目前最主流的 Figma 直接联动，这意味着你可以最大程度地借助这一主流 UI 设计工具来达成目标。虽然 Siter.io 是付费的服务，但是它提供免费的试用，而且内置的功能也最大程度地辅助你完成网站的搭建，比如海量的图标、对各种图片和视频素材的支持、各种域名服务的支持以及设计系统的支持，对表单和第三方程序的支持，如果你会写代码，还能进行更加深入的定制。

限时免费的高素质可商用网页设计素材

https://designboostr.gumroad.com/l/reallygooddesign

这是一套拥有超过 50 个设计项目的完整设计素材的免费大合集，其中涉及到着陆页、社交媒体页面、首页、品牌视觉设计等各种不同的页面设计，这套免费的页面设计素材除了免费获取之外，最重要的是可以直接拿来商用，无需标明归属，不过根据目前了解的信息，这套设计素材是限时免费的，感兴趣的同学请火速下载。

可随意复制粘贴的免费 Figma 组件库

https://figmacomponents.com/

这个网站也绝对可以称得上 UI 设计师的良心素材了！这里汇集了大量现成的各色 UI 组件，而且它们是直接同 Figma 兼容的，从最基础的按钮组件，到花样繁多的可视化组件和超大型控件和模块，这里一应俱全，你可以在这里直接复制你所需要的组件，然后粘贴到你的 Figma 编辑器当中，直接使用！

Figma 设计节点备份和跳转插件

https://www.figma.com/community/plugin/1125156339032115371

虽然大家通常都会单独保存设计文件，但是依然很容易在众多设计版本当中迷失，而这个名为 Jumpback 的 Figma 插件能够更加便捷地帮你解决这个问题，你需要做的就是记得在特定的时候使用 它保存当前的状态，然后在后续设计过程中出了状况，随时可以跳转回这个备份的节点，当然你也可以跳转过去，相当方便。

超多独特的 3D 抽象几何图形素材

https://lostgeometry.xyz/

简单的装饰性几何图形已经不够用了？那么你可以在这个合集当中，找到 91 款截然不同的、风格抽象的 3D 几何元素，这些元素的建模都是在 Blender 当中完成的，这些能够给画面带来更强的视觉表现力。所有的这些元素都有4种截然不同的肌理可供选择，虽然完整版的服务是收费的，但是你可以完全免费获得 PNG 格式的的素材。

一目了然的设计项目管理工具 Taskplane

https://taskplane.app/

这个名为 Taskplane 的工具本质上依然是一个管理工具，但是它优秀的地方在于，你可以将你常见的设计项目任务以一目了然的方式集成到其中，一方面直接连通 Github 、Gitlab、Slack、Figma 等你常用的工具和服务，另一方面则可以将日常项目的内容以标签的形式呈现出来，不再被繁琐的条目所束缚，更快进入工作状态，搞定每一个任务。

超多样式的照片转漫画风格服务

https://socialbook.io/cartoonize

这个服务说起来也很简单，它可以借助机器学习，快速地帮你将现实的照片转化成为动画形象，而且这些形象可以是截然不同的漫画风格，从迪士尼式的公主风，到辛普森一家的搞怪漫画风格，不一而足。

将 Figma 文件转化为可用代码的服务

https://www.locofy.ai/

Locofy.ai 是一个正处于公开测试阶段的工具，它可以将你的 Figma 设计文档直接转化为可用的代码，比如 React、React Native、Html-CSS、Next.js、Gatsby 等等等。这种转化并非生硬的转化，它会帮你标记好响应式的断点、制作好组件甚至获取实时的原型，如果你设计的足够规整，甚至可以直接部署使用！