原型和线框图工具
1. Figma Auto Layout
Figma 一直在倾听用户的需求并随之不断发展，如今添加了自动布局功能，这意味着按钮可以根据文本大小进行调整，移动某个控件的时候，布局会随之自动调整，嵌套元素会随着内容进行自动调整。
网址：
https://www.figma.com/blog/announcing-auto-layout/?ref=prototyprio
2. Figma Mobile Upload
在进行了头脑风暴和集体讨论之后，这款工具就可以充当草图和数字设计之间的桥梁，你所需要做的是将你所拍摄的照片借助这个工具，放到 Figma 文件当中。它是团队协作的利器。
网址：
https://www.figma.com/c/plugin/775445260035815307/Mobile-Upload?ref=prototyprio
3. Third
Third 是一款插件，让你可以在 Figma 当中导入、添加光源、渲染。它能够进行高分辨率的渲染，支持多种不同的 3D 对象和模型。
网址：
https://www.figma.com/c/plugin/772499949564209716/Third
4. Wireframer
你可以使用这款工具来提升线框图中的文本。Wireframer 包含独特的可定制的 SVG 元素，你可以根据项目调整其中的样式。
网址：
https://wireframer.netlify.com/?ref=prototyprio
5. Pixelworm
为了确保你的设计能够正确地落地，Pixelworm 是为移动端的设计和开发所准备的，它能够检查代码是否和 Sketch 文件相匹配。
网址：
https://www.pixelworm.io/?ref=prototyprio代码工具
1. React Cosmos 5
你可以使用 React Cosmos 5 来构建可扩展的 UI。借助这款工具，你可以轻松地测试和迭代 React 组件，轻松调试代码，创建和发布组件库。
网址：https://reactcosmos.org/?ref=prototyprio
2. Looop.dev
使用 Looop.dev 可以制作 Canvas/WebGL 动画原型！这是一个基于 Web 的创意编码工具，并且已经拥有一堆可供学习和使用的资源。
网址：
https://looop.dev/projects/y6Aqw2Q6EfCMiYqdACbP?ref=prototyprio
3. Zecoda
Zecode 可以立即将你的 Sketch 项目转化成为 Vue.JS ，这意味着你可以将你的设计迅速变化成为响应迅速的网站。
网址：https://zecoda.com/product?ref=prototyprio
4. Uplaunch
Uplaunch 是一系列「Coming soon」页面的几何，这套库里面包含了可与 Mailchimp 和 Zapier 集成的 HTML5/CSS3/JS模板，除此之外 Uplaunch 还附带了 Sketch、Figma 和 PSD响应的源文件。
网址：https://uplaunch.net/?ref=prototyprio
5. ApiFlash
使用 ApiFlash，你可以从网址直接捕获整个页面和移动端界面的截图！这个 API 可以让你控制界面大小、比例、CSS 和 JS 注入等。
网址：https://apiflash.com/?ref=prototyprio
产品和项目管理
1. Product Management Tactics Vol. 3
这是关于产品管理和策略的免费电子书。这一卷当中包含了 Basecamp、Superhuman、Walmart 等公司产品负责人对于不同主题的见解。除此之外，剩下的内容是针对 2019 年产品会议中和行业相关的顶级演讲。
网址：http://vol3.producttactics.com/?ref=prototyprio
2. Sizle
Sizle 提供了一种更快的方式来构建出色的演示文稿，它包括专业的模板，平滑效果和分析工具。此外，它还具有极简的用户界面，易于浏览。Sizle 的链接跟踪功能和高 FPS 动画可以确保演示过程中的顺畅和引人入胜。
网址：https://sizle.io/?ref=prototyprio
3. Pizdata App
Pizdata 是一款 web 应用，能够帮你更快完成设计任务。这款工具非常适合初创企业使用。
网址：https://www.pizdata.is/?ref=prototyprio
4. Gantt
这款工具能够以精美的方式来呈现项目时间表，Gantt.io 包含有各种不同的模板，直观高效的界面，多用户编辑功能以及高分辨率导出功能。
网址：https://www.gantt.io/?ref=prototyprio
文章来源：小阿田的设计笔记
文章链接：https://mp.weixin.qq.com/s/AN0Skr23V85ZrCr-OyFVBQ
原文作者：陈子木
原文链接：https://www.uisdc.com/26-tools-to-start-off-2020
