Indigo.Design

3ステップで画面デザインに忠実なアプリケーションを構築できるアプリケーションデザインプラットフォーム

無料で開始 特価キャンペーン、実施中!


Indigo.Design System

1 Indigo Design System
  • Ignite UI for Angularと対になるSketchライブラリー使ってデザイン

    50種類以上のIndigo.Design Sketch UIコンポーネントが、Ignite UI for Angular UIコンポーネントにマッピングされています。 このSketch UIコンポーネントを使って画面デザインを行うことで、HTML、CSS、Angularコードが出力できるようになります。

プロトタイピング&ユーザビリティテスト

2 プロトタイピング &
ユーザビリティテスト
  • クラウドにホスティングされたサービスでプロトタイプを作成

    cloud.indigo.designでSketchドキュメントやイメージをインポートし、プロトタイプを作成できます。プロトタイプにはユーザーフローを示すインタラクション、トランジションを追加でき、プロトタイプのリンクを共有することでさまざまなデバイスで実行できます。

Angularコードアセット

3 Angularコードアセット
  • Angularアプリケーションコードを生成

    Visual Studio Codeプラグインを使用し、Indigo.Designにアップロードされているプロトタイプにアクセスできます。プロトタイプ内の必要な画面を選択し、コード生成を実行することで、Angular向けに最適化されたHTML、CSS、TypeScriptファイルが生成され、プロジェクトに追加されます。

製品ロードマップ

Indigo.Designはデザイナーとデベロッパーの間で起こりがちな技術的制約、コミュニケーション不足を理由とした画面デザインと実装コードの差異、また顧客の要件から乖離することで発生する実装時の手戻りといったプロジェクトの遅延、失敗要因を取り除くことができる画面設計・開発プロセスを提供するアプリケーションデザインプラットフォームです。

Indigo.Designは4つの主要コンポーネントから構成されています。

  • Sketchライブラリーとして提供されるコンポーネント、パターン、アプリケーションデザインが含まれるIndigo.Design Sketch UIキット
  • クラウドサービスとしてイメージベースプロトタイピングやフィードバック、リモートユーザビリティテストが実施できるIndigo.Design Cloud
  • Visual Studio Codeの拡張機能としてAngularコードを生成するIndigo.Designコードジェネレーター
  • モバイル、デスクトップ、Webアプリ向け高パフォーマンス、タッチファーストAngularアプリケーションの構築を支援するIgnite UI for Angular

個々のコンポーネントはそれぞれ下記の要素に関して個別にロードマップが策定されています。

  • ツール連携の中で開発チームのコラボレーションと生産性向上に寄与できる価値をどのように提供するのか
  • それぞれのコンポーネントにおいて、対応するツールの数をどのように拡張していくのか

2018年後半にかけては、それぞれコンポーネントにおいて個々の機能強化を予定しています。近日公開予定のロードマップをこちらで公開いたします。ご期待ください!

さあ、はじめましょう!

無料で開始 価格・エディション比較

ビデオチュートリアル

Indigo.Designの概要から、インストール方法、デザイン、プロトタイピング、コード生成の方法を詳しく解説する日本語ビデオチュートリアルをご用意いたしております。

Indigo.Designの概要 

Indigo.Designの概要

Sketch UIキットのインストール 

Sketch UIキットのインストール

Sketchで最初のアートボードを作成 

Sketchで最初のアートボードを作成

アートボードのアライメントとサイズの調整 

アートボードのアライメントとサイズの調整

プロトタイピングを開始 

プロトタイピングを開始(Sketchファイルをダウンロード

Visual Studio Codeでコード生成 

Visual Studio Codeでコード生成(ベースプロジェクトをダウンロード

Angular Reference App

デスクトップ版UXプロトタイピングツール

Indigo.Design DesktopはMacおよびWindowsに対応するUXプロトタイピングツールです。オフライン環境でも利用することができ、コードを記述せずプロタイプを作成することができます。

作成したプロトタイプはCloud.Indigo.Designで共有することができ、無制限のユーザビリティテストを実施することも可能です。
(注: Indigo.Design Desktopは、イメージベースプロトタイピング、並びにコード生成機能をサポートしておりません)

Indigo.Design Desktopの詳細