#1: 磨刀切白菜精选

2018-03-28 本文已影响336人磨刀切白菜

我使用「磨刀切白菜」帐号发布面向设计师和产品经理的工具，希望以此能成为你的工具箱。以下是从我微博、知乎、Twitter 摘录的精选。

1. Protoship

如果遇到一个网页迭代，但没有源文件怎么办？除了四处询问同事和重新画，你可以试试这款 Sketch 插件，将网站转为 Sketch 源文件。当然它现在还不够完美，如果不要求全网站一比一导出的话（比如用于画交互稿）值得一试。

官网链接：https://protoship.io/tools.html

2. Cofolios & Bestfolios

又快到春招季啦，Cofolios 有很多大公司的实习生作品集，其中华裔挺多的。Bestfolios 聚集了很多设计师的个人网站，来看看「别人家孩子的作品集怎么画的」。

Cofolios 官网链接：http://cofolios.com/
Bestfolios 官网链接：http://bestfolios.com/home

3. Laws of UX

这是一个介绍设计法则的网站，每个法则会指向相关的解释和文章，网站设计也很漂亮。目前站内有 12 条法则，如果你有兴趣了解更多，可以阅读《通用设计法则》。

Laws of UX 官网链接：https://lawsofux.com/
《通用设计法则》豆瓣链接：https://book.douban.com/subject/24869617/

4. Fluid

每次都要上网页版 Google 翻译？即便把网站加入收藏夹也还是麻烦。Fluid 可以将网站转为 Mac app，有点像是 iOS Safari 的「添加到主屏幕」，推荐你把常用的网页「应用」转为本地应用。

官网链接：http://fluidapp.com/

5. Collect UI

每天收到一封时下最火的设计作品的邮件，每次早晨打开都心情大好，也可以在官网以分类查看，设计参考的好去处（订阅入口在右上角「Newsletter」）。

官网链接：http://collectui.com/

6. Lunacy

公司里工程师用的 Windows 没法查看 Sketch 文件怎么办？你可以使用 Figma 导入后打开，但因为它是在线的，有泄密的风险。Lunacy 是著名图标资源网站 Icons8 发布的一款工具，不仅能读取 Sketch 文件的图层，还能导出 CSS。虽然还有点小瑕疵（蒙版有时读不出），但未来肯定会更好。

官网链接：https://icons8.com/lunacy

7. Clipboard Fill

Sketch Craft 的 Data 功能可以非常方便地将网页上的图片填充到形状中，但实际上我们经常是先在浏览器里选择好图片再做填充，就不得不再把链接粘贴到 Data 中。Clipboard Fill 可以一键填充你剪切板中的图片，更加符合实际场景。

GitHub 链接：https://github.com/ScottSavarie/Clipboard-Fill

8. Paste

想一下你是不是经常遇到以下情形：复制一段内容后不小心又复制了另一段，覆盖了前者；有文字或图片需要暂存下……是时候找一款剪切板工具了。Paste 不仅颜值高，而且对色值、代码块、文件类型等展示做了优化，大大提高生产力。最近发布了 iOS 版，主要功能是通过 iCloud 同步剪切板，目前仅上架美区，也就意味着电脑和移动端要同时使用美区帐号。

Paste 偶尔有降价，但即便原价 68 元也相当值得。

官网链接：https://pasteapp.me/

9. LightScreen

很多人看到有意思的设计时都有截图的职业习惯，但你养成整理截图的习惯了吗？LightScreen 可以给截图打标签，当需要找参考和灵感时便能迅速找到。

App Store 链接：https://itunes.apple.com/cn/app/lightscreen

10. Paddy

Sketch 插件 Compo 可以通过「10:5:10:5」的命名规则定义上右下左（顺时针）间距，让文字一键生成按钮，更改文字后通过快捷键适应新尺寸。这已经大大提高效率，但 Paddy 仅需要输入「10 5」即定义间距（上下、左右等距），更重要的是，当更改文字后会自动适应新尺寸，效率更上一层楼。不过使用中也有些 bug，比如不会自动编组，如果不能忍受的话 Compo 也十分推荐。

Compo GitHub 链接：https://github.com/romashamin/compo-sketch
Paddy GitHub 链接：https://github.com/DWilliames/paddy-sketch-plugin