工具簡介：小程序layout設計工具，可視化方式進行小程序UI設計。通過鼠標拖拽組件方式進行UI布局。工具提供符合微信視覺統一的模板，并且按照FlexBox方式可視化布局。自動生成wxml和wxss，復制到微信開發者工具中即可同步顯示。視頻介紹請移步優酷http://v.youku.com/v_show/id_XMTgyNTQ4NDcyMA==.html

下圖是微信小程序官方要求字體規范

根據此要求小程序設計工具定制了符合規范的組件。如下圖

工具使用時，將左側組件拖拽到設計區域即可。字體大小和顏色都是按照規范設置的。在使用時根據微信要求在不同位置擺放即可。
以下截圖是text組件使用范例

工具的UI布局介紹請參照小程序UI設計（1）-輕松布局