ヒント

Figma 用の洗練された Indigo.Design UI キット。

Figma 用の Indigo.Design UI キットを使用すると、作成するものすべてがデザインシステム上に構築されることをご存知ですか? すべてのスタイル仕様とテーマは、実際の Angular、React、Blazor、または Web Components UI コントロールと一致します。また、400 個を超えるアイコン、カスタムカラーパレット、17 個の完全にカスタマイズ可能なイラストなどにもアクセスできます。詳細はこちらをご覧ください。

無限のテーマオプションとスタイル設定。

ライトモードとダークモードの両方で利用可能な 4 つのビルド済みテーマ (Material、Fluent、Bootstrap、およびカスタムの社内 Indigo テーマ) から選択できます。これらがアプリや企業のブランディングと一致しない場合は、テーマとスタイル設定のオプションを使用してテーマを完全にカスタマイズできます。詳細はこちらをご覧ください。

デザインを Web アプリとして公開します。

プラグインの [アプリの作成] オプションを使用して、デザインのすべての UI キットコンポーネントをコードコンポーネントに変換し、アプリを公開します。Web ベースの WYSIWYG App Builder を使用してアプリの拡張すると、開発チームはエンタープライズ対応の Angular、React、Blazor、または Web Components コードを生成できます。詳細はこちらをご覧ください。

外部データソースをお持ちですか?

App Builder には、任意の REST データソースへの接続や JSON ファイルのアップロードを可能にするデータソースオプションがあります。そのためには、データソースパネルに接続します。詳細はこちらをご覧ください。

アプリをゼロから作成する必要はありません。

作成済みの Figma ファイルから開始するか、60 以上の UI コントロールのツールボックスを使用してアプリケーションサンプルをダウンロードします。ワンクリックでデザインから高品質のコードを生成できます。詳細はこちらをご覧ください。

App Builder が Flexbox を使用していることをご存知ですか?

Web アプリケーションのレイアウトを作成する方法の 1 つとして Flex を提供します。ツールボックスの行または列のレイアウトンポーネントとして利用できます。ブラウザー間の互換性と、あらゆる画面サイズへの適応性が保証されています。詳細はこちらをご覧ください。

デザイン → ユーザーテスト → アプリのプレビュー。

デザインからコードまでのソリューションは、プロセス全体をカバーして効率化します。単一の作業環境でアプリケーションを 10 倍のスピードで開発し、コードを記述する前に完璧なピクセルのソリューションを実現できます。詳細はこちらをご覧ください。

ヒント