精选干货！十八款各有千秋的精选设计开发工具

编者按：相比于在每月设计圈干货里面漫无目的的“碰”，不如试试 CodeGeekz 推荐的精选工具合集。这些精选的工具同样不拘泥于受众，不论你是设计师还是开发者，同样可以从中发掘出不少正好能用到的好工具，而且会更容易在有限的精品中发现正好用的上的干货。

这次是CodeGeekz 的设计干货专场！这里同样有最新的设计和开发资源，这里精选的工具大都是针对设计师、开发者和自由设计师，其中的JS代码、开源工具、CSS资源、设计素材基本上大家都用的到。

列表中不仅有免费的工具，还有付费的工具。好的东西自然有它的价值，难道不是么？它们可以简化你的工作流程，提高效率，不论你是设计师还是开发者，新手还是老司机，这些工具都相当实用。

1. Smartmockups

Smartmockups 看名字就知道是一款和视觉稿设计相关的工具，它是迎合开发者、设计师和营销人员需求的一款新兴的在线视觉稿设计工具。对，没错，即使是营销和策划人员也可以轻松借助这款工具来制作出视觉稿来向领导展示新计划/新产品！所有的设计出来的视觉稿都可以个人使用和商用。

2. Reedsy

Reedsy 是一款漂亮的文本格式管理、转换和制作工具，即使你尚未将内容彻底写完，也同样可以拿来用。整个工具界面足够漂亮，让你不容易在写作的时候分心，工具栏也足够使用，并确保样式整齐可控。在排版上，Reedsy 同样能保证各种格式下足够统一，无论是IngramSpark 下的POD格式，还是亚马逊的AZW格式，苹果的iBooks还是Kobo的格式，都可以轻松应对，统一漂亮。

3. MJML

MJML 一种旨在尽量降低代码成本的标记语言，可以帮你制作响应式的电子邮件。它的语义语法都相当简单易懂，拥有丰富的组件库供你选择，尽量减少你的开发时间。

4. Phoenix Framework

Phoenix framework是一个相当高效的网络框架，速度可观，可维护性强。通过将真正的技术和功能性的想法融为一体，将真正的简单和乐趣带入到现代Web应用的开发工作中去。你可以结合名为Channels 的实时流媒体技术，创造出拥有丰富的跨浏览器交互体验的原生移动端应用。

5. JS Tips

JS Tips 是JS的开发技巧合集，其中涵盖了JS语法的技巧、如何提高代码效率和性能，以及诸如AngularJS这样的框架的使用方式。这个合集的内容会每天增加。

6. Color Safe

Color Safe 是一款配色生成器，它的特殊之处在于，它所生成的配色都是符合WCAG标准的方案，确保配色的可访问性，用户浏览无障碍。

7. Vagrant Manager

Vagrant Manager 是一款 GUI应用，它主要用来控制Vagrant。和MAMP相似，你可以通过它来查看Vagrant 是否在运行，以及目前的运行状态。这款APP目前拥有Mac和Windows的版本供你使用。

8. Mo.js

Mo.js 是一款完整的JS动效库，目前它拥有一系列的预设参数，确保你能快速的上手使用。值得注意的是，Mo.JS 是模块化的，你可以轻松移除不必要的功能，确保体量合理和流畅运行。

9. Branches

Branches 是一款 iOS 应用，它让你可以在iPad和iPhone上管理你的GitHub、GitLab 和 Bitbucket 项目。通过它，你可以创建或者关闭特定的问题，查看回复，并且可以完美地解析Markdown语言。

10. Meatier

作为一款现代网站开发平台，Meteor 无疑是强大而带感的！但是三年的发展历程让它显得略有一点过时，不过，Meatier 的存在弥补了它的缺陷。Meatier 并没有前者的整体结构，但是保留了相同的功能，更加灵活简单。

11. LettError

LettError 为你提供了可拓展、可插入的矢量形状，它是基于Snap.svg 和 jQuery 来实现的。

12. Spine.js

Spine.js 是一款用来构建JS MVC应用的框架，简单、轻量级、无需复杂配置，也没有大量无用的控件。

13. Bliss.js

Bliss.js 是在Vanilla.JS 的基础上简化语法发展而来的，它原本被设计出来同Polyfill.io联动，并尽量获得最大程度的浏览器支持。

14. Fansoro

Fansoro 是一款开源、快速、轻量级且基于文件的内容管理系统，易于安装，容易升级，便于使用。Fansoro 为开发者提供了基本的API、插件、主题。而Fansoro 其中包含的内容则只需要用Markdown语法来书写，并放置到特定页面的文件夹当中即可！

15. Morphy Toolbar

Morphy-Toolbar 是一款可变形的工具栏，它可以轻松地伸展和收缩，便于集成。

16. Cocycles

Cocycles 是一款为开源项目而生的搜索引擎，它目前已经支持JS，并且即将支持PHP、Java、Ruby和更多编程语言。

17. Gatsby

结合React.JS，Gatsby 让纯文本变为动态博客和网站更加简单，它支持Markdown、HTML和React.js，并且很容易增加对其他文件类型的支持。

18. Reem

Reem 是一款使用JS写成的静态网站生成器，它同时具有命令行界面和编程界面，可以为个人使用，也可以协助自动化站点生成。

【技多不压身的设计师才有高薪资！】

1. 平面设计：《超赞！设计师完全自学指南》
2. 交互设计：《交互设计师修炼指南！教你从零开始成为优秀交互设计师》
3. UI设计：《超实用新手指南！零基础如何自学UI设计？》
4. 前端开发：《天猫高手来教你！零基础如何系统地学习前端开发？》
5. 抠图技巧：《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》
6. 配色方案：《色彩搭配速成！3个实用方法帮你全面搞定配色》
7. DPI指南：《基础知识学起来！为设计师量身打造的DPI指南》
8. 交互设计自学路径图：《零基础入门！给非科班生的自学路径图之交互设计篇》

原文地址：codegeekz
原文作者：Gavin
优设译文：@陈子木

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量104万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com