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

さあ、はじめましょう!

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

ビデオチュートリアル

General Overview of Indigo.Design System 

Indigo.Design Systemの概要

Install Sketch UI Kits 

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

Using Sketch to build your first artboard 

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

Aligning and sizing the artboard for code generation 

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

How to get started with Prototyping in Indigo.Design 

プロトタイピングを開始

Generate Code within 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の詳細