最新的 Prototypr.io 的实用设计工具合集来了!这个月推荐了总计33款设计类的工具,涵盖了图库、素材合集、原型、样机、效率等多个不同类别的工具,精挑细选品类齐全!

🐙插画和头像

1. Fresh Folk →

这是本月最好的图库之一,Fresh Folk 提供精美的插画,以及丰富的可供混搭的元素。

2. 100,000 Faces →

这套素材库是由 AI 生成的超过10万个可供免费使用的逼真人脸,这套工具是完全免费的,并且提供多种选项供你选择。

3. Glaze →

微信代买彩票安全吗Glaze 是一个高素质的插画内容平台,提供超高质量的免费插画素材。

4. Faces →

Faces 是一组没有背景的人脸头像素材,你可以在商用项目中使用,因为它遵循的是CC0许可。

🎨 色彩工具

1. CopyPalette →

微信代买彩票安全吗CopyPalette 可以生成 SVG 格式的调色板,你可以通过复制粘贴将它直接添加到你的 Sketch 或者 Figma 项目当中去。

2. Color System Plugin for Sketch →

这是一个 Sketch 插件,对于UI设计师来说,它一键生成深色模式和浅色模式的功能,绝对够良心。

🎒 设计资源合集

1. Email Love →

微信代买彩票安全吗这是一个给邮件爱好者额邮件模板和设计灵感合集,它可以帮你更好地创建电子邮件。

2. Flawwwless UI Icons →

这是一个包含250多个开源的 React.js 图标的强大素材库,你可以在设计中使用,只需要单击图标,然后复制粘贴代码即可。

3. Leon Sans →

Leon Sans 是 Jongmin Kim 使用代码所创作的一款几何无衬线字体,你可以通过它的 HTML5 代码和 Canvas 元素来定制动画、效果和形状。

4. Humans →

这是一个网站合集,从React、Angular 到 WP,你可以从这些个人网站中汲取设计和开发的灵感,充分展示你的想法和才华。

5. Freebies.ByPeople →

这是一个面向设计师和开发者的免费商用资源合集,这里有上百个不同的图标包、UI工具包和字体等。

💎 原型工具

1. Figgy →

这是一款自带深色模式的 Figma 原生工具,它自带深色模式,可以调用 Mac 本地的系统字体、选项卡、菜单和按钮样式,适用于几乎所有的插件。

2. Figmac →

Figmac 是一款轻量级的 Figam 桌面端应用,它可以提供更加自然的 Mac 端的体验,并且完全免费。

3. Naker.Back →

这是一款简单的编辑器,用来创建交互式的背景和渐变效果。你可以使用现有的模板来创建属于自己的模板,然后将它嵌入到你自己的网站当中,也可以用在自己的手机和电脑当中。

4. Dimensions →

微信代买彩票安全吗Dimensions 是一款可以在浏览器中直接测量不同元素的工具,它可以测量图像、视频、输入字段、按钮等等。如果你无法测量浏览器中的元素大小,用 Dimensions 是非常方便的。

5. Easometric →

在使用 Figma 创建等轴测元素的时候,Easometric 是一个非常有用的工具,这款工具能很好地创建等轴测图,它所使用的技术被称为 SSR30⁰,它可以帮助你快速创建左右等轴测图。

6. Airtable to Figma →

这个插件让你可以在 Figma 当中直接调用 Airtable 的数据,借助它,你可以直接其中的文本和图像直接调用过来,也可以将 Airtable 中的数据字段映射到组件和图层当中,甚至选择你喜欢的布局。

7. FontKey →

微信代买彩票安全吗这是一种全新的查找、制作和分享字体的工具。在你找到适合自己的字体之前,FontKey 会随机显示不同的字体选项,此外,你还可以快速获取网站代码和共享。

⚡ 设计系统

1. InVision DSM →

InVision 设计系统管理器可以连通设计师和开发者的工作流程,充分发挥团队的创造力。

2. UI Bakery →

这是一个用来构建前端 APP 的定制化的设计系统,UI Bakery 是一个较少使用代码的平台,可以降低开发成本。

💻 设计转代码工具

1. React Figma →

这是一个可以将 React 组件渲染到 Figma 的工具

  • 💡 灵感源自于 react-sketchapp 这款工具
  • 🎨 被设计来用来创建可管理的设计系统
  • 🦄 灵活的布局支持
  • ♻️ 支持 Hydration
  • ⚙️ 基于 Figma 的插件 API 创建

2. Builder →

Builder 是一个使用托拽来构建网站布局的工具,Builder 适合用来构建着陆页、营销站点等等。它可以灵活支持不同的 API。

3. Shade →

微信代买彩票安全吗这是一个适合初创公司使用的免费着陆页,Shade HTML 模板使用的是 Bootstrap 构建的,你可以在它的基础上快速构建专业的着陆页。

4. Froala Pages →

使用 Froala Pages ,你可以快速创建和编辑 Javascript 网页,它是高度模块化的设计系统,可以减少操作流程中额外的工作。

📸 样机工具

1. Apple Mockups →

这是最新的苹果设备的样机素材,你可有单独购买或者打包购买,当然还有免费的样机可供领取和下载。

2. uiprint →

uiprint 为你可供打印的样机和线框图模板,这样你可以打印出来,在纸上快速绘制和构建你的想法,这套素材是由 Vijay Verma 创建。

3. Shots Mockups →

这是可以在 Dribbble 和 Instagram 上使用的样机,它有专门供 Sketch、Figma 和 Adobe XD 使用的格式。

📊 其他工具

1. Flawless Feedback 2.0 →

这是一个非常使用的反馈工具,能够让你的 iOS 应用拥有更完美的视觉反馈。最新的 Flawless Feedback 2.0 有着更快的 APP镜像,反馈分组,也可以更快地进行协作。

2. VisualEyes →

这是一个由 AI 驱动的注意力热图工具,可以帮你构建更好的 UI,它有适用于 Sketch、Figma 和 Adobe XD 的插件。

3. Epilepsy UX →

在设计当中,可访问性是关键因素,而这款 Figma 插件能够帮你检测你的设计对于患有癫痫的用户是否安全稳妥。

4. Feedback by Pixelic →

这款工具能够直接向你的UI界面添加反馈,通过加德纳你的版本控制让文件系统井井有条。

🚀 效率工具

1. Represent →

Represent 让你无需离开 Sketch 就可以无缝地向客户展示你的设计,实时、远程可操作、高效。

2. Poda →

Poda 是一款简单、视觉化地定义、共享产品策略的工具,可以提供更加统一的组织架构。

作者: Sofia
编辑: Graeme
编译:陈子木

点赞 32
收藏 147

发表评论 已发布 9

还可以输入 800 个字
 
 
载入中....
相关推荐
9 收藏