Figma グラデーション プラグイン

Figmaのグラデーションプラグイン４選

Figmaでは色々便利なプラグインがあります
今回はグラデーションに注目です

• uigradients
• Noisy Gradients
• Grainy Gradients
• Mesh Gradients

uigradients

1. Figmaファイルを開き、プラグインを実行する
2. グラデーションさせたいオブジェクトを選択した状態で、「plugin」「uiGradient」をクリックすると、グラデーションパレットが表示されます
3. 適用させたいグラデーションを選択するとオブジェクトにグラデーションが反映されます

Noisy Gradients

1. Figmaファイルを開き、プラグインを実行する
2. ポップアップダイアログが開くので、欲しいグラデーションのパターンが出るまで「Generate new」を何回かクリックする
3. 欲しいグラデーションが表示されたら、「Insert」をクリックする

Grainy Gradients

1. Figmaファイルを開き、プラグインを実行する
2. ポップアップダイアログが開くので、グラデーションさせたいオブジェクトを選択した状態で、「plugin」「uiGradient」をクリックします
3. 欲しいグラデーションが表示されたら、画像をcommand + option + c でスタイルとしてコピーし、オブジェクトにペーストする事ができます

Mesh Gradients

1. Figmaファイルを開き、プラグインを実行する
2. ポップアップダイアログが開くので、欲しいグラデーションのパターンが出るまで「Generate new」を何回かクリックする
3. 欲しいグラデーションが表示されたら、「Insert」をクリックする