Figmaでのマスクの使用：高度なビジュアルのためのクリッピングとレイヤリング

Figmaのマスクは、レイヤーやオブジェクトの特定部分のみを表示し、それ以外を隠すために使用。

仕組み:

• オブジェクト（例：画像）とマスク用シェイプ（例：楕円）を一緒に配置し、マスク用シェイプをオブジェクトの背面に配置;
• 両方のレイヤーを選択し、右クリックしてマスクとして使用を選択、またはショートカットCtrl+Alt+M（Windows）/Command+Option+M（Mac）を使用。マスクのベースは不可視となり、その上のレイヤーの選択部分のみが表示;
• テキストでもマスク可能。テキストを画像の背面に配置し、マスクとして使用することで、クリエイティブなテキスト効果を作成。マスク内のレイヤーは個別にリサイズやスケールが可能;
• 複数オブジェクトをマスクする場合、マスクのベースシェイプは不可視。マスクデザインに背景を追加したい場合は、新しいシェイプを作成し、マスクベースの背面に配置;
• 透過PNGもマスクとして利用可能。PNGでシェイプをマスクすることで、複雑なデザインも作成可能。

マスクは一般的に画像塗りつぶしより柔軟性が高く、複数オブジェクトを組み合わせて複雑なデザインを作成可能。Figmaのシェイプやツールは比較的少ないが、必要な機能は揃っており、これらのシンプルな要素で優れたデザインを実現可能。