微信小程式視覺化設計工具是一個無需程式設計即可線上製作專業微信小程式,
意派Coolsite360整合小程式所有元件,線上進行小程式UI設計,支援Flex佈局,可免費匯出符合小程式標準的程式碼供後續開發。

Coolsite360推出國內第一款微信小程式視覺化設計工具，可以幫助還沒有小程式的使用者快速開發，那麼Coolsite360小程式編輯器能做什麼?

1.CoolSite360推出小程式編輯器，幫助設計師無需編寫wxml以及wxss程式碼，通過小程式視覺化編輯器就可快速設計小程式互動UI。

2.使用小程式編輯器設計的頁面，可以方便地在微信及瀏覽器上預覽，便於前期的原型展示分享。

3.設計好的頁面，可以一鍵匯出符合小程式標準的程式碼，可直接進行功能開發。

希望通過研發視覺化設計開發工具，實現UI層的開發交由設計師進行。開發人員可以更專注業務邏輯的開發。

小程式編輯器目前不能做什麼?

目前版本專注於前端UI的視覺化設計，還沒有涉及前端業務邏輯以及後端資料的處理，後續隨著版本的迭代，會推出具有一定後端資料處理能力的編輯器，在一定範圍內可實現一站交付，但目前還需要匯出前端程式碼，由開發人員進行後續的開發。

小程式編輯器在UI設計方面主要功能有哪些?

1.小程式編輯器集成了微信官方提供的所有元件，可以通過視覺化方式進行設定和屬性配置。

2.支援常用css屬性的視覺化設定，支援rem單位，支援flex佈局，同時支援自定義css程式碼，可通過sketch、ps等軟體複製樣式程式碼，滿足全自由度設計。

3.後續也會持續提供常用的部件模板，比如內容列表、網格列表、卡片、導航等，方便使用者進行快速設計。

小程式編輯器除了完成靜態UI設計，還能做什麼?

1.小程式編輯器還支援基本動畫的設定和控制，比如飛入、飛出、淡入、淡出、放大出現、縮小出現、旋轉，以及css
transform動畫…，並可以通過觸發器進行動畫控制。

2.支援常用觸發器進行互動控制，比如顯示元素、隱藏元素、播放動畫、跳轉頁面、動態新增元件class、移除元件class、切換元素狀態以及結合微信小程式API開發的一系列觸發器，可以實現無需程式碼進行一定範圍的UI互動控制。