シェイプを使用してマスクを作成する方法を説明します。

マスクを使用して、画像またはオブジェクトの一部をクリップし、デザインの特定の要素にフォーカスすることができます。
マスクは、例えば以下のようなプロフィールアバターの作成や、ダークモードエクスペリエンスのシミュレーションに使用できます。

モバイルアプリケーションのプロフィールアバター

ダークモードエクスペリエンスをシミュレートするアニメーションマスク
プレースホルダーグラフィックを使用してデザインを開始する場合(プロフィール写真の代わりに円を配置するなど)、アセットをシェイプにドロップすることでマスクを作成できます。
アセットをシェイプにドラッグする方法や、既存のシェイプをマスクとして使用する方法については、以下のチュートリアルをご覧になるか、サンプルファイルで実際にお試しください。
視聴時間:1 分
数値カウンターアニメーションを使用すると、面白く目立つ方法で数値を表示できます。マスクを使用してランニングスコアボードを作成できます。このビデオをご覧になり、サンプルファイルをダウンロードしてお試しください。
視聴時間:1 分 2 秒
また、XD サポートコミュニティで、サンプルやチュートリアルをチェックすることもできます。