Indigo.Design App Builder

アプリケーションのデザインから開発までを高速化

Indigo.Design App Builder は、デザインからコード生成までをワンストップで行える、プロダクト デザイン プラットフォーム「Indigo.Design」の新機能です。ドラッグ アンド ドロップできるクラウド型ビジュアル エディターとコード生成機能で、業務アプリケーション開発チームの作業を効率化します。



Indigo.Design App Builder はチームの生産性向上を支援します。Adobe XD や Sketch、Figma といった一般的に利用されるデザイン ツールとの互換性、豊富な UI コントロールやテーマ、標準ベースのコード出力機能を備えたデザイン システム Indigo.Design App Builderで、思いのままにアプリケーションを構築しましょう。

アプリケーションのリリースを加速

Indigo.Design を使用して、チーム全体で 1 つのプラットフォームを共有して作業を進めることができます。マネージャー、デザイナー、開発者がそれぞれ別のツールを使ってデザイン作業を進めるのは効率的ではありません。同じプラットフォームで情報を共有してプロジェクトを進めることで、チーム内での認識のずれやコミュニケーションの行き違いから発生するミスや手戻りを減らすことができます。

すぐに使えるテンプレートとスターター レイアウト

アプリ テンプレートやあらかじめ用意されているプリセット レイアウトを使用して、すぐにアプリ構築を始めることができます。デザインを微調整したり、テーマを変更するだけで完了です。

100% クラウド型のビジュアル エディター

何かをダウンロードする必要もなければ、重い統合開発環境 (IDE) も不要です。サード パーティ ソリューションへの依存関係もありません。全ての機能を Web 上でお使いいただけますので、さまざまなプラットフォームからアクセスすることが可能です。

リアルタイムに表示されるインスタント プレビュー

デザインをしながら、実行中のアプリとライブ ソース コードをリアルタイムで確認できます。インタラクションや見え方を確認する等、アプリ エクスペリエンスをリアルタイムに体験することができます。


ソースコードの生成

デザインしたものは、Angular での開発用に HTML、TypeScript、CSS で出力することができます。ソース コードはデザイン作成中にリアルタイムで確認したり、ZIP ファイルでまとめてダウンロードすることができます。


作業にかかる時間の削減

App Builder に備わっている豊富なレイアウト システムとコンポーネント ツールボックスを使用することで、画面やアプリを数時間ではなく数分で作成できます。時間のかかる単純な繰り返し作業から解放され、重要な作業に集中することができます。


豊富なテーマとスタイリング

あらかじめ用意されているテーマやタイポグラフィー (マテリアル、Bootstrap、Fluent) を使用したり、アプリのテーマやコーポレート ブランディングに合うようにコントロール、画面、アプリごとにカスタマイズすることができます。


Sketch、Adobe XD、Figma からデザインをインポート

ワンクリックで、インポートした静的なデザインから実際の UI コンポーネントとスタイリングを備えたインタラクティブでレスポンシブなアプリを起こすことができます。


リアル データへのバインド

アプリケーションをデザインする際に、空のグリッドや空の入力フィールドといった画面パーツに妥協する必要はありません。REST データ ソースに接続し、アプリケーションのデザインをより意味のあるものにしましょう!


デザイン イテレーションで効率的にアプリを開発

Indigo.Design の機能を使用してプロトタイピング、チーム コラボレーション、ユーザー テスト、分析などのサイクルを効率よく回してアプリをデザインすることができます。コーディングを始める前にピクセル パーフェクトにしましょう!



ご利用用途に応じて、最適なプランをお選びください

エディション別の比較表は「エディション別機能比較表」をご確認ください。

Indigo.Design
Essential

Indigo.Design の基本機能を利用可能
 

  • 無制限のプロトタイピングおよびそのクラウド共有、コメント フィードバック等
  • リモート環境でのユーザー テスト実施と解析
  • ユーザー テストのビデオ再生
  • チーム間、グループ間でのコラボレーション


Indigo.Design
 

Indigo.Design のすべて機能を利用可能
 

  • Indigo Design System UI キット
  • 60 以上の UI コントロールと、60 種類以上のチャートを備えた Ignite UI for Angular
  • ドラッグ アンド ドロップで Web アプリケーションを構築できる ローコード WYSIWYG デザイナー (App Builder) の利用
  • Visual Studio Code 上でコード生成を行うためのプラグイン


Indigo.Design
On-Prem

オンプレミスでのセキュアな環境用
サーバー 1 台あたり 1 ライセンス

  • オンプレミスのセキュアな環境でのプロトタイピングおよびその共有
  • チームや意思決定者とのコラボレーション
  • リモート環境でのユーザー テスト実施と解析
  • ドラッグ アンド ドロップで Web アプリケーションを構築できる ローコード WYSIWYG デザイナー (App Builder) の利用
  • Visual Studio Code 上で コード生成を行うためのプラグイン



ページトップへ