Figmaのブレンドモード：魅力的なエフェクトとオーバーレイの作成

Figmaのブレンドモードは、オブジェクトや画像が視覚的にどのように相互作用するかを変更することで、スタイリッシュな効果を与える機能。

• テキストや画像などのオブジェクトまたはグループを選択；
• デザインパネルのアピアランスセクションに移動；
• 「ブレンドモードを適用」ラベルの付いたしずくアイコンをクリックし、ブレンドモードの一覧から選択。

異なるオプションにカーソルを合わせると、下にある他の要素との相互作用に応じてオブジェクトの見た目が変化。例えば、青い背景の上にある画像にソフトライトのブレンドモードを適用すると、ブレンドされた淡い印象になる。

UIデザインでブレンドモードが頻繁に使われることは少ないが、知っておくべきポイント：

• Darkenグループは白色を不可視にし、Lightenグループは黒色を不可視にする；
• Overlayグループは2つの画像の色をブレンドする；
• Differenceグループはスタイライズ効果を生み出す；
• 最後のColorグループは色相、彩度、全体の色に影響を与える。

より細かいコントロールと良好な結果のため、フレーム全体ではなく個々のオブジェクトやグループにブレンドモードを適用することを推奨。