Indigo.Design UIキット

人気

• データグリッド
• 折れ線チャート
• リストビュー
• カレンダー

チャート

• 縦棒チャート
• 折れ線チャート
• スプラインチャート
• ステップチャート

ゲージ

• ブレットゲージ
• リニアゲージ
• ラジアルゲージ

スタイル & テーマ

• アイコン
• カラーパレット
• タイポグラフィ
• エレベーション
• イラストレーション

グリッド

• データグリッド
• ツリーグリッド
• 階層グリッド
• リストビュー
• コンボ

インタラクション

• ダイアログウィンドウ
• スライダー
• ツールチップ

メニュー

• ナビゲーションバー
• ナビゲーションドロワー

レイアウト

• アバター
• ボトムナビゲーション
• カード
• カルーセル
• 展開パネル
• スプリッター
• タブ

データ入力 & 表示

• バッジ
• ボタン
• ボタングループ
• チェックボックス
• チップ
• デバイダ
• ドロップダウン
• アイコン
• インプット
• プログレス
• ラジオグループ
• 選択
• スイッチ

通知

• バナー
• スナックバー
• トースト

スケジュール

• カレンダー
• 日付ピッカー
• 時間ピッカー

ブランドに合わせてカスタマイズ

タイポグラフィーやカラーなどのブランドアセットを、自分のプロジェクトやライブラリに適用できます。テーマプラグインを数回クリックするだけで、UI コンポーネントやパターンをカスタマイズして、プロジェクト全体で一貫したブランドを表現することができます。.

最初から最後まで完璧に

アプリケーションのデザインからコード生成までサポートするソリューションとして、全体のプロセスを効率化できます。開発チームは、妥協することなく、使い慣れたツールを使用して、簡単にデザインをプロダクション対応可能なコードに変換できます。

モダンなデザイン

マテリアルデザイン、Microsoft Fluent、Bootstrap、そして自社のIndigo.Designのテーマにインスパイアされ、あらゆるデバイスに対応した、最新でモダンなアプリケーション体験がデザインできます。すぐにシンプルで美しいデザインを実現できます。

コンポーネントレベルでのカスタマイズ

UIキットに搭載されているコンポーネントは、標準的なプロパティエディタを通じて、設計期間を短縮できるように構築されています。つまり、カスタムコントロールの再設計や 再構築をせずに、デザインや作業フローに集中することができます。

SketchとAdobe XD向けの高品質UIキット

Indigo.DesignのUIキットでは、作成するものすべてにデザインシステムを使用します。パレット、エレベーション、タイポグラフィー、ディスプレイ密度、テーマなど、すべてのスタイル仕様が実際のUIコンポーネントとマッチします。

UIキット及びApp Builderのツールボックスを使用して作成したデザインは、以下のUIコントロールでサポートされています。

• Angular
• React
• Blazor
• Web Components

さらに400種類以上のアイコン、スペシャルカラーパレット、カスタマイズ可能な17個のイラストなど、盛りだくさんです。

レスポンシブ

パターンを動的に拡大・縮小できて、様々なスクリーンサイズに簡単に合わせられるので、本当の意味でレスポンシブなUl環境を構築し、あらゆる要望に対応することができます。

ユーザビリティテスト

Indigo.Designでプロトタイプを作成し、様々なデバイスやプラットフォームで実際のユーザーとリモートユーザーテストを実施できます。ユーザー情報、関係者とのコラボレーション、ユーザーの行動に関する詳細な分析、ユーザビリティテスト中のビデオと音声の録音も保存することができます。

最新リリース

3.6.0新機能

このバージョンの最大の特徴は、Indigo.Designの4つの主要テーマそれぞれに専用のUIキットのバリエーションを用意し、Bootstrap、Fluent、Indigoに完全対応していることです。

• 新コンポーネント
• 新機能
• 新リファレンスアプリケーション
• 新ステータスデザイン
• バグ修正