原创声明:本文为作者原创，未经允许不得转载，经授权转载需注明作者和出处
- 11月3日，微信公众平台发布了微信小程序开放公测的消息。
- 11月4日，Coolsite360小程序设计工具上线公测！
这是国内第一款微信小程序可视化设计工具，集成小程序所有组件，可以在线进行小程序UI设计，支持Flex布局，可直接导出符合小程序标准的代码供后续开发。
我们看看 Coolsite360 小程序设计工具有哪些亮点：
集成微信小程序组件
微信小程序所定义的组件全部集成进来了，设计师可以直接以可视化的方式添加使用。
预置微信设计规范
微信对小程序的UI提出了完整的设计规范，并提供了设计规范资源库。我们将这套规范也预置进来，设计师可以轻松设计出符合规范要求的小程序了。
支持Flex布局
面对各种手机屏幕尺寸，采用Flex样式布局，可以确保内容布局的完美适配。我们为此专门开发了Flex样式设置面板，方便设计师进行布局调整设计。
可视化的样式设置
对于设计师来说，时时刻刻都需要知道设计效果如何，可视化的样式设置面板，帮助设计师直观快速地掌握这一点。相比较于基于代码的开发工具，无疑更适合于设计师。
支持动画／交互触发设定
在工具中可以直接完成最终用户交互体验的设计，而这些，之前都是要靠编代码才能搞定的。
实时手机预览小程序设计
在设计过程中，可以实时在手机中预览整体效果，毕竟导出到微信小程序开发环境中还是有点麻烦。
一键导出小程序代码
这才是最核心、最关键的部分，我们会自动把设计师的设计成果，转化为符合微信小程序框架规范的代码包，下载后就可以在微信小程序开发环境中打开，进行后续处理。到了这一步，程序员们就可以接手、进行逻辑和数据层面的开发了。
除了上面说的这些，小程序设计工具还支持粘贴Sketch生成的样式、支持自定义组件扩展属性……应该说非常灵活，可以满足各种个性化的设计要求。
下面再来看三个Demo感受下：
说了这么多，欢迎大家通过桌面浏览器，注册体验Coolsite360 小程序设计工具: http://www.coolsite360.com/
共9条评论
Ctrl+Enter
