微信小程序前端开发者工具（小程序切片）是一款根据效果图像画画一样来设计微信小程序，自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率，减少前端布局的编写工作。
下面讲解如何进行小程序的切片步骤和流程：
1.先在微信开发者工具中新建小程序项目，见“项目设置”（点击可以转到此页面）
2.再在项目树形目录中找到要建新页面的目录，右键中点击“新建切片文件”,如下图所示：
出现导入效果图的界面，找到要切片的效果图，导入。
3.开始切片，设置图片或者背景，有文字的填入文字，设置好字体大小，颜色等等
4.切好后点工具栏上面的“刷新”按钮
5.再点工具栏上的“导出”按钮，导出的指定的目录。
6.点击工具栏上的保存按钮，保存切片文件，以便下次打开使用。
保存后会在切片文件面板中出现
