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

在設計工具中，根據規范我們定義了大中小三種按鈕的尺寸
大：720rpx 94rpx 圓角10px 字體18
中：360rpx70rpx 圓角8px 字體16 文字距離兩邊最小60
?。?20rpx*60rpx 圓角6px 字體13 文字距離兩邊最小30
這些按鈕都放在工具的模板中，如下圖：

微信中固定按鈕type有三種，primary=綠色，default=灰色，warn=紅色。
size分為default和mini。鏤空效果是plain參數。
使用時鼠標點擊一下，然后再鼠標點擊畫布，然后ctrl+v粘貼即可。
下圖是從模板中粘貼過來的按鈕。

直接粘貼過來時候是和view一起粘貼的，實際使用時，將按鈕組件再擺放到需要位置即可。
下圖是通過輸入模板和選擇模板結合拼湊的頁面效果

模板中的內容可以滿足日常開發布局要求，各位可以任意組合組件，搭建自己的form。
模板介紹請參照模板的使用-layout設計工具