UIエディタを用いると、業務部門と開発部門による共創開発ができるというのが一つの特長です。共創開発の流れとしてまず、業務部門担当者がUIデザイン開発を行い、Appプレビューを生成します。左下にあるのがUIエディタの「レイアウト」機能です。これを用いてUIデザインを行います。

①UIエディタ　「レイアウト」定義
IOによる画面定義作成と同様、マウスのドラッグ＆ドロップによる直感的な操作で画面情報を定義できます。
この定義を基に生成されるアプリケーションには、
Google社提唱のマテリアルデザイン が取り入れられておりますので、モダンなインターフェースを実現できます。
     — レイアウト の各特長を説明 —
       ・ドラッグ＆ドロップによるレイアウト定義
       ・デバイスごとの見え方確認
       ・テーマやロールなどの設定
       ・プロパティ定義
       ・プレビューデータ定義
②UIエディタ　「Appプレビュー」生成
   定義が終わりましたら、Single Page Application（*）を生成します。
   (*) …単一のページでコンテンツ切り替えを行う様な、高度なWeb表現を持つアプリケーション。
UIで生成できるアプリケーションには２タイプの種別（本番用・プロトタイプ用）がございまして、「Appプレビュー」を選択してアプリケーション生成を行うと、素早くアプリケーションの動きを確認するための、プロトタイプアプリケーションが生成できます。
UIエディタの「レイアウト」上で定義したプレビューデータが反映された状態でアプリケーションを参照可能です。
     — Appプレビュー の各特長を説明 —
       ・UIエディタの「レイアウト」で定義したプレビューデータが画面に反映される
       ・アプリケーションの動きを再現する機能
       ・表示デバイスの変更
             →PCやスマホ、縦向きや横向きなどを指定できる
       ・ロール
             →ロールの切り替えができる
       ・処理時間の指定
             →何秒経過したらエラー発生、という表示の変化を設定できる