第三波!2022年7月精选实用设计干货合集
周二早上好!现在你看到的是这个炎热的 7 月第三波干货,这一波干货和往期的偏向有明显的不同,可能会更加贴合 UI 设计同学的需求,比如可以随意复制粘贴的超大 Figma 组件库,方便备份和恢复的插件,可以联动的超好用管理工具,可以将 Figma 设计稿转化为网站的工具,以及将 Figma 设计稿转化为代码的免费平台。除此之外,还有限时免费的网页项目素材,有免费帮你转换风格的头像生成工具,特别有意思,
当然,在此之前记得看看往期干货中有没有你感兴趣的素材:
第一波!2022年7月精选实用设计干货合集
7月第1波设计干货合集来了!
阅读文章 >
第二波!2022年7月精选实用设计干货合集
现在你看到的是7月第2波设计干货合集,不过严格意义上来说,这一波完全是干货合集中的合集。
阅读文章 >
下面我们具体看看这一期的干货:
https://siter.io/
这是一个最近比较受欢迎的无代码网站搭建平台,这个平台可以和目前最主流的 Figma 直接联动,这意味着你可以最大程度地借助这一主流 UI 设计工具来达成目标。虽然 Siter.io 是付费的服务,但是它提供免费的试用,而且内置的功能也最大程度地辅助你完成网站的搭建,比如海量的图标、对各种图片和视频素材的支持、各种域名服务的支持以及设计系统的支持,对表单和第三方程序的支持,如果你会写代码,还能进行更加深入的定制。
https://designboostr.gumroad.com/l/reallygooddesign
这是一套拥有超过 50 个设计项目的完整设计素材的免费大合集,其中涉及到着陆页、社交媒体页面、首页、品牌视觉设计等各种不同的页面设计,这套免费的页面设计素材除了免费获取之外,最重要的是可以直接拿来商用,无需标明归属,不过根据目前了解的信息,这套设计素材是限时免费的,感兴趣的同学请火速下载。
https://figmacomponents.com/
这个网站也绝对可以称得上 UI 设计师的良心素材了!这里汇集了大量现成的各色 UI 组件,而且它们是直接同 Figma 兼容的,从最基础的按钮组件,到花样繁多的可视化组件和超大型控件和模块,这里一应俱全,你可以在这里直接复制你所需要的组件,然后粘贴到你的 Figma 编辑器当中,直接使用!
https://www.figma.com/community/plugin/1125156339032115371
虽然大家通常都会单独保存设计文件,但是依然很容易在众多设计版本当中迷失,而这个名为 Jumpback 的 Figma 插件能够更加便捷地帮你解决这个问题,你需要做的就是记得在特定的时候使用 它保存当前的状态,然后在后续设计过程中出了状况,随时可以跳转回这个备份的节点,当然你也可以跳转过去,相当方便。
https://lostgeometry.xyz/
简单的装饰性几何图形已经不够用了?那么你可以在这个合集当中,找到 91 款截然不同的、风格抽象的 3D 几何元素,这些元素的建模都是在 Blender 当中完成的,这些能够给画面带来更强的视觉表现力。所有的这些元素都有4种截然不同的肌理可供选择,虽然完整版的服务是收费的,但是你可以完全免费获得 PNG 格式的的素材。
https://taskplane.app/
这个名为 Taskplane 的工具本质上依然是一个管理工具,但是它优秀的地方在于,你可以将你常见的设计项目任务以一目了然的方式集成到其中,一方面直接连通 Github 、Gitlab、Slack、Figma 等你常用的工具和服务,另一方面则可以将日常项目的内容以标签的形式呈现出来,不再被繁琐的条目所束缚,更快进入工作状态,搞定每一个任务。
https://socialbook.io/cartoonize
这个服务说起来也很简单,它可以借助机器学习,快速地帮你将现实的照片转化成为动画形象,而且这些形象可以是截然不同的漫画风格,从迪士尼式的公主风,到辛普森一家的搞怪漫画风格,不一而足。
https://www.locofy.ai/
Locofy.ai 是一个正处于公开测试阶段的工具,它可以将你的 Figma 设计文档直接转化为可用的代码,比如 React、React Native、Html-CSS、Next.js、Gatsby 等等等。这种转化并非生硬的转化,它会帮你标记好响应式的断点、制作好组件甚至获取实时的原型,如果你设计的足够规整,甚至可以直接部署使用!