不会写代码的设计师要如何实现功能?找到对的工具,压根不需要代码知识!所以,在这最新一期的 Prototypr.io 最新设计工具大合集当中,所推荐的不少工具就是为此而生的!快来看看吧!
近年来,React 已经成为了大型 Web 应用中最常用到的 JavaScript 框架。在最新的版本当中,Framer 添加了许多相应的功能,而这份指南能带你了解相应的理论、语法和工具。
这是一个基于浏览器的设计工具,可以协助生成 React Native 和 React 代码。BuilderX 致力于弥合设计师和开发者之间的鸿沟,将他们的工作内容整合到同一个平台上。
借助这个工具,你可以将你所设计的 Sketch 文档拖进去,就能直接导出相应的配色素材和可供 Xcode 使用的 Swift 代码。
无需任何代码技能,你可以借助 Kodika.io 通过托拽就能够直接生成相应的 iOS 应用。无需任何代码技能,就可以使用成型的模块构建完整的 iOS 应用。
Material Builder 是一个快速的、可以自定义的工具,帮你轻松创建美观且响应迅速的网站。这款搭建工具的基础是 Bootstrap,可以保持不同部分的一致性。
这是一个很棒的设计类编码工具,Divjoy 是一个 React 代码库生成器,可以帮你轻松启动 React 项目,整合素材,选取模板,然后逐步完善整个代码库。
Open Doodles 是一个免费的矢量插画库,其中所有的涂鸦插画都是由 Pablo Stanley 所创建。
Vector Illustration Creator 是一个免费的应用,可以在浏览器当中直接制作矢量插画。
Freellustrations 是一个超棒的图库,其中包含超高分辨率的背景图像和矢量插画,它非常适合在网页中使用,每周更新。
这款名为 Curls Mac 的应用提供了一种更为简便快捷的选择配色方案的方法,它存在于Mac的顶部菜单当中,你随时可以使用 ⌘+E 这个快捷键去触发它。
ImageHues 让你可以从著名的图库网站 Unspalsh 的图片当中获取配色方案。
Compress.Studio 是一款「去中心化」的无服务器图像压缩工具,它是使用类似区块链的机制存在的网络服务,它的功能也很简单,选择图像,选择大小,然后压缩就行了。很有趣!
这是一款类似 Letsenhance.io 这样的 AI 增强图片的工具,它可以用来放大图片而不至于模糊。
Bloom 是一款 AI 驱动的图片编辑器,它让你可以对面孔进行精确而逼真的编辑。
你没看错,这并非是 Helvetica 字体,Hellvetica 其实是一个双关语:字体即地狱。设计师 Zack Roif 和 Matthew Woodward 制作的这个网站其实是想激怒全球的平面设计师,来瞅瞅?
这是一个纯粹的的矢量图标库,可以用于 UI 设计,你可以选取任何你喜欢的格式,甚至包括 SVG、JSON 和 XML。
Milk Icons 所包含的图标并不只是牛奶,其中涵盖了18个不同的类别的图标,包含 Sketch、AI、SVG、PNG 等不同格式。
它是 Icon8 团队推出的另一优秀产品,是 Font Awesome 这跨农产品的免费替代品,其中包含 1380 个不同的线性图标!
The Flawless App 团队将所有的适用于 Sketch、XD 和 Figma的插件组织到了一起,你直接看这个合集,不用四处找了。
这是一个面向初学者和专业人士的动画程序,为你提供各种各样的艺术组件,并且你能导出为不同的格式。
这是一套针对 UI 开发者的设计系统,你可以借助它的 Storybook 指南,学习如何开发设计系统!
这是一套模块化的设计系统,可以帮你创建功能强大且更好的UI。Slice 包含有 760 多种可与 Sketch 和 Figma 一起使用的组件。
这是一个简单的数码设备模型生成器,你可以按照需求来定制,从屏幕尺寸到边框半径等等。Dropshot 还可以帮你实时预览。
这款 Figma 插件为你提供一组预制的模板,可以帮你执行不同的任务,这些模板非常适合进行产品管理,帮你设置不同的目标等等。
Pitch 是一款可以帮你创建新产品展示的新工具。格式化并不难,而且它提供的协作功能很强大,能够切实地提高效率。
ClickUp 2.0 几何了不同的任务管理工具的功能,比如 Asana、Jira、Notion 等,通过跟踪项目、目标、时间线来提升体验。
Figma 社区是开发者、设计师和其他用户一同联系沟通的地方,你可以在这里分享作品,讨论问题。
Matter 能够帮你成为更好的自己,这款反馈类的工具能够获取同行的专业反馈,以便帮你提高技能。
作者: Sofia
编辑: Graeme
联系客服