下载微信小程序开发工具，微信小程序开发工具及示例。微信小程序将于1月9日正式上线，相信大家都很期待微信小程序会给我带来什么。所以在微信小程序正式上线之前，我先给大家介绍一下微信小程序开发工具教程，并介绍一个微信小程序示例，一起来看看吧。

今天，微信小程序开发工具官方下载地址为：点此下载，国内首款微信小程序可视化设计工具上线，整合小程序所有组件，在线设计小程序UI，支持Flex布局，可导出小程序标准代码方便后续开发。

微信小程序开发工具

1.小程序编辑器能做什么？

◉ 上线小程序编辑器，帮助设计人员通过小程序可视化编辑器快速设计小程序交互UI，无需编写wxml、wxss代码。

◉ 使用小程序编辑器设计的页面可以在微信和浏览器上轻松预览，更方便前期原型展示和分享。

◉ 设计好的页面可一键导出，生成符合小程序标准的代码，方便直接进行功能开发。

我们希望开发可视化的设计工具，让设计师可以进行UI层的开发，让开发者更加专注于业务逻辑的开发。

2、小程序编辑器目前不能做什么？

当前版本侧重于前端UI的可视化设计，尚未涉及前端业务逻辑和后端数据处理。随着版本的后续迭代，会推出具备一定后端数据处理能力的编辑器，在一定范围内可实现一站式交付。但目前需要将前端代码导出，方便开发者进行后续开发。

3.小程序编辑器在UI设计上主要实现哪些功能？

◉ 小程序编辑器集成了微信官方提供的所有组件，可可视化进行设置和配置。

◉ 支持常用CSS属性的可视化设置，支持rem单位，支持flex布局，支持自定义CSS代码，可通过ps等软件复制样式代码，满足全自由度设计。

◉我们将继续提供常用的组件模板，例如内容列表、网格列表、卡片、导航等，方便用户快速设计。

4.小程序编辑器除了完成静态UI设计还能做什么？

◉ 小程序编辑器还支持基本动画的设置和控制，如飞入、飞出、淡入、淡出、放大、缩小、旋转、CSS动画……，并可以通过触发器来控制动画。

◉ 支持交互控制的常见触发器，如显示元素、隐藏元素、播放动画、跳转页面、动态添加组件、移除组件、切换元素状态以及结合微信小程序API开发的一系列触发器，无需代码即可实现一定范围的UI交互控制。

小程序编辑器近期有什么开发计划？

我们会持续关注小程序官方的进展，近期会开发复合组件来弥补官方小程序基础组件的不足，也会逐步增加UI微交互的绘制功能和可视化设置。

5. 我没有任何基础，应该怎么开始？

如果你想做可以直接用于微信小程序开发的 UI 前端设计，除了基本的 UI 设计技能外，还需要掌握一定的 HTML 和 CSS 知识，以及了解微信小程序的官方文档。我们准备了一些基本的学习路径，点击以下链接即可访问。

微信小程序示例

微信小程序还没有正式上线，这里给大家介绍一款将于1月9日与微信小程序一同上线的小程序——Hi-！在这个微信小程序上，你可以直接DIY自己的照片。下面我们来看看Hi-的具体功能吧！

微信小程序功能

1.专题-DIY图片模板，点击生成即可使用，并分享到朋友圈。

2.分享墙——用户上传的DIY作品。

3. 现在就制作 - 您可以用自己的图片进行 DIY。

4. 告诉我 - 告诉我有关产品改进和内容添加的信息。

如果你想体验如何制作属于自己的个性化朋友圈照片，1月9日微信小程序上线后，扫描下方二维码即可体验！还在等什么？快来扫一扫，开启你的拍照之旅吧！