设计开发工具比较好用有哪些

　　不论你是设计师还是开发者，同样可以从中发掘出不少正好能用到的好工具。下面由学习啦小编为大家整理的设计开发工具，希望大家喜欢!

　　设计开发工具

　　1. Smartmockups

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

　　2. Reedsy

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

　　3. MJML

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

　　设计开发框架工具

　　1. Phoenix Framework

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

　　2. JS Tips

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

　　3. Color Safe

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

　　设计开发数据工具

　　1. Mo.js

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

　　2. Branches

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

　　3. Meatier

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