2025年をFigma用の新しいIndigo UIキットでスタート

App Builderの最新のイノベーションをお届けできることを嬉しく思います。アプリ開発プロセスを強化するために設計されたこれらのアップデートにより、視覚的に魅力的で高性能なアプリを以前よりも効率的に作成できるようになります。

ズドラフコ・コレフ最終更新日:2025年1月21日 5分読み取り

We’re excited to bring the latest innovations to App Builder with the new year underway. Designed to enhance your app development process, these updates empower you to create visually stunning, high-performance applications more efficiently than ever before:

The Indigo UI Kit for Figma – which seamlessly integrates with App Builder to visually design and later generate code for Angular, Blazor, Web Components, and React.
グリッド列テンプレートの自動値バインディング – テンプレートの設定を簡素化し、時間を節約し、エラーを減らします。

これらの新機能に飛び込む前に、App Builderについて初めて学ぶ場合は、組織のアプリケーション開発プロセスにおける重要なツールとして検討する必要がある理由を簡単に説明します。

ビジュアルアプリビルダー – プロダクトマネージャー、デザイナー、開発者、関係者のための統合プラットフォーム。
クラウドベースの WYSIWYG ドラッグアンドドロップツールにより、企業はこれまでより 80% 速く完全なビジネスアプリを設計および構築できます。
Figmaデザインから量産対応のBlazorコード、Angularコード、Reactコード、Web Componentsコードを生成するローコードツールです。

App Builderを試す App Builder試す App Builder試す

Figma用インディゴUIキット

Indigo.Design Figma UIキットのバージョン1.5のリリースと、新たに追加されたIndigo UIキットを発表できることを嬉しく思います。

Indigo UIキットは、モダンでユニークな美学でプロジェクトを向上させるように設計されたカスタム社内テーマです。既存の製品とシームレスに組み合わせるこのキットは、クリエイティブな可能性を広げ、デザインを際立たせます。

何よりも、すべてのUIキットはApp Builderと統合されているため、Angular、Blazor、Web Components、およびReact用の本番環境に対応したコードを視覚的に設計および生成できます。

では、バージョン 1.5 の新機能は何ですか?

最新のアップデートでは、すべてのUIキットで使いやすさ、柔軟性、カスタマイズ性を向上させるための一連の機能強化が行われています。

コンポーネントの新しいバリエーション:
- カレンダーと日付ピッカーの垂直マルチビューオプション。
- アクションボタンは、日付ピッカーとタイムピッカーのトグルで柔軟性を高めます。
強化されたカスタマイズ:
- ナビゲーションバーコンポーネントのアイコンとアクションのブール型プロパティ。
- ナビゲーションドロワーのアイテムの状態を無効にして、制御を改善しました。
- スプリッター、タブ、およびその他のコンポーネントのカスタマイズオプションが充実しています。
デザインの強化:
- テキスト領域のヒント。
- ダークモードコンポーネントのコントラストを改善しました。
- ボタン、ステッパー、グリッドなどの配置、パディング、色設定を最適化しました。

UIキットに詳しくない場合は、ここから旅を始めるのが良い場所です。

一言で言えば、Indigo.Design はビジュアルデザイン、UXプロトタイピング、コード生成、アプリ開発のための統合プラットフォームです。これは、UX への注力を失うことなく、ピクセルパーフェクトなアプリをできるだけ早く提供したいと考えている設計チームと開発チームを対象としています。

このプラットフォームは、UI Kits、Prototypes/Usability Studies、App Builderの 3 つの主要なモジュールで構成されています。Figma用のUIキットは、実際のUIコントロールとコンポーネントにマッピングされ、生産性を向上させるツールを備えています。各UIキットは、色、タイポグラフィ、サイズなど、厳密に実装され、従いますプロトタイプとユーザビリティスタディは、製品または機能のユーザーエクスペリエンスを測定し、改善するのに役立ちます。一方、App Builderを使用すると、ユーザーはWeb環境で独自のアプリケーションを構築し、そこからAngular、React、Blazor、またはWeb Componentsコードを生成できます。

さあ、可能性を探求する準備はできていますか?最新のIndigo UIキットを今すぐお試しいただき、デザインワークフローを向上させましょう。また、このブログ記事で説明されているデザインからコードまでのストーリー全体を読むこともできます。

グリッド列テンプレートの自動値バインド

グリッド列のテンプレートを構成するには、多くの場合、コンポーネントの Value プロパティをセルのデータコンテキストにバインドする必要があります。この手順は簡単ですが、見落とされがちで、エラーや予期しない動作につながる可能性があります。

新しい自動値バインド機能は、プロセスを簡素化することでこれに対処します。それはどのように機能しますか?サポートされている最初のフォームコントロールコンポーネントを編集テンプレートに追加すると、その Value プロパティは対応するセルのデータコンテキストに自動的にバインドされます。

主な詳細:

この機能は、編集テンプレートにのみ適用されます (表示テンプレートやヘッダーテンプレートには適用されません)。
同じテンプレートまたはネストされたコンポーネント内の後続のコンポーネントは、自動バインドされません。
コピー/貼り付けまたは親の変更によって追加されたコンポーネントは影響を受けません。
この機能より前に作成されたテンプレートの既存の設定は変更されません。
サポートされているコンポーネント – フォーム制御値を持つすべてのコンポーネント (value/checked/content など) がサポートされています。

この機能強化により、手作業が削減され、テンプレートの動作の一貫性が保たれるため、ワークフローに役立ちます。

その他のリリースの改善

AngularアプリはIgnite UI for Angular 19.0.0を使用して生成されます
Web コンポーネントアプリは、Ignite UI for Web Components 5.1.2を使用して生成されます
BlazorアプリはIgnite UI for Blazor 24.2.6を使用して生成されます
Reactアプリは、Ignite UI for React 18.7.4を使用して生成されます

まとめ

結論として、App Builderはアプリ開発プロセスのゲームチェンジャーである。クラウドベースのビジュアル・ビルダー、ローコード機能、そして新機能を備えたこのツールは、あらゆる組織にとって必携のツールだ。今すぐお試しください！より詳細な情報が必要な場合は、こちらをご覧ください：

最新のApp Builderアップデートのすべてを体験するには、カスタマーポータルにアクセスして最新バージョンを入手してください。いつものように、私たちはあなたのフィードバックを受け取り、あなたが追加したいものや推奨したいものを聞くことに常に興奮しています。ですから、zkolev@appbuilder.devにメールを送って、Infragisticsで顧客に価値を提供し続けるために私たちがどのように支援できるかを教えてください。