Skip to content
配色ジェネレーター

配色ジェネレーター

by 竹内悠晟

画像アップロードやFigma上のオブジェクト選択からも色を抽出可能。美しくアクセシブルなUIカラーパレットを瞬時に生成し、バリアブルとして保存できます。

FreeFigma

Installs

63

Likes

13

Users

321

Views

878

Preview

配色ジェネレーター preview

About this plugin

UI Color Generator は、デザインシステム構築を加速させる強力なカラーパレット生成ツールです。主な機能:多彩な入力方法: カラーコードの入力だけでなく、画像のアップロードや、Figma上で選択したオブジェクトの色からも瞬時にパレットを生成できます。自動パレット生成: プライマリカラーを1色決めるだけで、調和のとれたセカンダリ、アクセント、ニュートラルカラーを含む完全なパレットを自動生成します。アクセシビリティ対応: WCAGコントラスト比に基づき、視認性の高いカラーを自動調整する「アクセシブルモード」を搭載。Figmaバリアブル連携: 生成されたパレットを、Figmaのローカルバリアブル(Variables)としてワンクリックで登録。手動での登録作業は不要です。直感的な編集: 生成された各色は個別に微調整が可能。色相を変更すると関連するスケールもスマートに再計算されます。こんな方におすすめ:リファレンス画像や既存のデザインから配色を抽出したい方デザインシステムをゼロから構築したい方アクセシビリティを考慮した配色を手軽に作りたい方Figmaバリアブルへの登録作業を効率化したい方シンプルかつパワフルなこのプラグインで、あなたのデザインワークフローを劇的に改善しましょう。

More import & export plugins plugins

View all