ウィジェットはカスタマイズ可能なホーム画面要素であり、アプリのコンテンツやアクションをわかりやすく、アクション可能な形で表示します。このコンテンツは定期的に更新されます。
ウィジェットは、ユーザーがアプリのコンテンツをウィジェットで直接操作するか、アプリのエクスペリエンス全体を開くことで、目標を達成するのに役立ちます。
開始する
ウィジェットを作成する際は、次の手順を実施します。
- ウィジェットでハイライト表示する主要なユーザーケースを 1 つ選択します。
- Figma のウィジェット テンプレートの例をご確認ください。
- サイズ設定のガイドラインに沿って UI をデザインします。
- 複数の画面サイズでテストします。
レイアウト
レイアウトは、ウィジェット内で情報やインタラクティブな要素を整理する方法を決定します。テキスト、リスト、グリッドタイプのウィジェットの事前構築済みレイアウトの詳細。
サイズ
複数のサイズにシームレスにスケーリングするウィジェットの設計についての詳細をご覧ください。デフォルトのウィジェット サイズを確認し、与えられたグリッド空間を最大限に活用する方法をご確認ください。
スタイル
ウィジェットの視覚的なインパクトを高め、ユーザーのデバイスのテーマに合うように、ウィジェットのスタイルを設定する方法について説明します。
発見とプロモーション
適切なサイズ設定と表示される情報を通じて、ウィジェット ピッカーでウィジェットをプロモートする方法を学習します。