Figmaでカラーのティントとシェードを簡単に作成するプラグイン

みなさんはカラーのティントとシェードの作成はどのように行なっていますか？カラーパレットツールを利用したり、自分で調整して作成している方もいらっしゃると思います。

• ティント: 純色に白を混ぜた色

• シェード: 純色に黒を混ぜた色

今回ご紹介するのは、Figma上で1色指定するだけで簡単にかつ数学的に複数のティントとシェードを作成してくれるプラグイン『Tints and Shades』です。

このように、指定の色（Base）を中心にティントとシェードを5パターンずつ作成してくれます。

使い方は、

1. オブジェクトを作成し、基準となる色を選択

2. オブジェクトを選択したまま、『Tints and Shades』のプラグインを選択

3. 「Create from Selected Rectangle」を選択

また、作成された色はカラーパレットとして保存されているため、利用も簡単です。

手作業で作るのが大変なティントとシェードも、このプラグインを使えば簡単に作成することができますね！

この記事の関連シリーズ

Figmaの役立つTips特集

FigmaでのWebデザインやUIデザイン制作に、知っておくと役立つFigmaの便利な使い方やショートカットを紹介する連載企画。プラグインやウィジェットなど、『Figma Community』に公開されているおすすめのリソースも紹介！