工具簡(jiǎn)介：小程序layout設(shè)計(jì)工具，可視化方式進(jìn)行小程序UI設(shè)計(jì)。通過鼠標(biāo)拖拽組件方式進(jìn)行UI布局。工具提供符合微信視覺統(tǒng)一的模板，并且按照FlexBox方式可視化布局。自動(dòng)生成wxml和wxss，復(fù)制到微信開發(fā)者工具中即可同步顯示。視頻介紹請(qǐng)移步優(yōu)酷http://v.youku.com/v_show/id_XMTgyNTQ4NDcyMA==.html

工具中為小程序員們準(zhǔn)備了符合微信開發(fā)規(guī)范的模板。之前帖子中介紹的規(guī)范都在模板中已經(jīng)設(shè)計(jì)好了，可以直接復(fù)制粘貼使用。
下圖中的樣式是從模板直接復(fù)制過來的。實(shí)際使用時(shí)只要更換為自己的圖片和文字即可。自動(dòng)生成的wxml和wxss也可以直接使用。從而大大提高了開發(fā)效率。

下面是部分模板的展示：