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

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

• テキストや画像などのオブジェクトまたはグループを選択；
• Design Panel の Appearance セクションに移動；
• Apply Blend Modeと表示されたドロップレットアイコンをクリックし、ブレンドモード一覧から選択。

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

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

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

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