Back to Plugins
配色ジェネレーター

配色ジェネレーター

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

Plugin Preview

配色ジェネレーター preview

About this plugin

UI Color Generator は、デザインシステム構築を加速させる強力なカラーパレット生成ツールです。


主な機能:


多彩な入力方法: カラーコードの入力だけでなく、画像のアップロードや、Figma上で選択したオブジェクトの色からも瞬時にパレットを生成できます。

自動パレット生成: プライマリカラーを1色決めるだけで、調和のとれたセカンダリ、アクセント、ニュートラルカラーを含む完全なパレットを自動生成します。

アクセシビリティ対応: WCAGコントラスト比に基づき、視認性の高いカラーを自動調整する「アクセシブルモード」を搭載。

Figmaバリアブル連携: 生成されたパレットを、Figmaのローカルバリアブル(Variables)としてワンクリックで登録。手動での登録作業は不要です。

直感的な編集: 生成された各色は個別に微調整が可能。色相を変更すると関連するスケールもスマートに再計算されます。

こんな方におすすめ:


リファレンス画像や既存のデザインから配色を抽出したい方

デザインシステムをゼロから構築したい方

アクセシビリティを考慮した配色を手軽に作りたい方

Figmaバリアブルへの登録作業を効率化したい方

シンプルかつパワフルなこのプラグインで、あなたのデザインワークフローを劇的に改善しましょう。

Plugin Details

Version1
CreatedNovember 28, 2025
Last UpdatedNovember 28, 2025
CategoryImport & export plugins
Creator竹内悠晟
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://color-palette-generator-rose.vercel.app