figmaで簡単にグラデーションを作成できる無料で商用利用可能なおすすめのプラグインをご紹介します。手動でカスタマイズできるグラデーションの作成方法やその特徴をお伝えします。

①Mesh gradients

メッシュポイントを設定し、グラデーションをコントロールすることで、グラデーションの外側の部分も自由に修正できるよになります。
作成したグラデーションを画像ファイルとしてエクスポートすることも可能です。

②Noisy Gradients

ノイズの入ったテクスチャ感のあるグラデーションをオブジェクトに適用できるプラグインです。
有料版は、ノイズの強さやグラデーションの形状の度合いを調整可能です。

uiGradient

グラデーションパレットが表示され、選択したグラデーションをオブジェクトに適用することができます。

④Webgradients

美しいグラデーションを簡単に生成してくれるプラグインです。

⑤Grainy Gradients

無料でノイズの有無を設定可能。画像をスタイルとしてコピーし、オブジェクトに貼り付けることができます。

Figmaプラグインとは？

Figmaプラグインは、デザイン作業を効率化し、クリエイティブなプロセスをサポートするための拡張機能です。

例えば、こちらの記事で紹介したアイコンセットを簡単に挿入できる「Atlas Icons」や「Remix Icon」、他にもカラー管理やコントラストチェックをサポートするツール、デザインシステムの構築を支援するものなどがあります。さらに、チームでのコラボレーションや効率的なデザインフローを実現するためのプラグインも豊富です。 他の記事でも便利なFigmaプラグインをまとめて活用することで、日々のデザイン作業をよりスムーズに、そして効果的に進められるように努めていきます。

KOHIMOTO LABO

WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。