#4: 磨刀切白菜精选

「磨刀切白菜」旨在成为设计师和产品经理的工具箱。

1. DesignBetter.Co Design Handbook

DesignBetter.Co 发布了一系列设计白皮书，目前有 DesignOps、Design Systems、Design Leadership、Design Thinking、Principles of Product Design 五则。这些都是高度浓缩的文章，可以让你有概念层理解，但对于「这么大的话题」还是需要体系化了解。

官网链接：designbetter.co/books

2. 优秀作品集网站

之前有推荐过两个优秀作品集网站 Cofolios 和 Bestfolios，最近又发现了三个：
niceportfol.io
land-book.com
creative-portfolios.com

cofolios.com
bestfolios.com

3. Design+Code - Learn how to create a Sketch Plugin from scratch

Design+Code 又推出新教程啦，这一次是 Sketch 插件开发，以作者 Meng To 的 Mockup 屏幕填充插件 Angle 为例，带你一步一步入门。购买过《Design+Code 2》可免费获得教程，售价 $50。

官网链接：designcode.io/sketch-plugin

4. TestFlight.top

这是一款针对 TestFlight 的服务，特点是可一次性导入测试用户帐号，且生成下载 App 页面，还可以设置问题来筛选测试用户。

官网链接：testflight.top
详细介绍：testflight.top/t/B7Zfeq

5. Monday

这是一款团队项目管理工具，拥有指派项目、甘特图等主流的功能，特点是有很强的管理维度自定义（通过定义字段内容），而且界面非常漂亮，用于个人时间管理也是非常不错的选择。

官网链接：monday.com

6. Whimsical

这是一个具有画原型和流程图的画板工具，提供了非常多的基础组件，未来还会提供便签和脑图功能。在此前我会用墨刀画线框图，用 ProcessOn 画流程图，但像我这种需求比较简单（能画图就行了）且使用不频繁的人来说，Whimsical 的美观易用太打动我了。免费版可创建 4 个画板，付费版年付 $8/月。

官网链接：whimsical.co

7. Sketch2React

一款将 Sketch 转为 React 的工具，操作非常简单，用插件定义好布局数值并命名好图层，拖入 Previewer 中就可以导出代码了。我不在行 React，有兴趣可以尝试看看它的可用性。

官网链接：sketch2react.io

8. DIY Tool Kit 和 DESIGN A BETTER BUSINESS TOOLBOX

当我们需要组织一场 workshop、梳理产品问题、定义商业模式等会议时，借助一些表格能让讨论更聚焦和高效。这两款工具提供了很多表格，满足了这一需求。

diytoolkit.org
designabetterbusiness.com

9. 快速打开网站技巧

每次找灵感时都需要打开一堆常用网站，反复操作影响效率，分享两个技巧。

• 或许你知道，但不一定会这么用
  把它们加入收藏夹，然后归入一个文件夹，「cmd+鼠标左键」就可以一次性打开这些网站了。

• 折腾一下，效率倍增
  使用 Alfred 制作 workflow，输入「idea + 搜索关键词」即可一次性打开网站同时搜索内容。如图 2 我制作了 Dribbble 和 Behance 的 workflow，可以去这里下载体验：pan.baidu.com

关于 workflow 的制作方法网上有很多教程，也可以和我沟通交流。