配色ジェネレーター
画像アップロードやFigma上のオブジェクト選択からも色を抽出可能。美しくアクセシブルなUIカラーパレットを瞬時に生成し、バリアブルとして保存できます。
Plugin Preview
About this plugin
UI Color Generator は、デザインシステム構築を加速させる強力なカラーパレット生成ツールです。
主な機能:
多彩な入力方法: カラーコードの入力だけでなく、画像のアップロードや、Figma上で選択したオブジェクトの色からも瞬時にパレットを生成できます。
自動パレット生成: プライマリカラーを1色決めるだけで、調和のとれたセカンダリ、アクセント、ニュートラルカラーを含む完全なパレットを自動生成します。
アクセシビリティ対応: WCAGコントラスト比に基づき、視認性の高いカラーを自動調整する「アクセシブルモード」を搭載。
Figmaバリアブル連携: 生成されたパレットを、Figmaのローカルバリアブル(Variables)としてワンクリックで登録。手動での登録作業は不要です。
直感的な編集: 生成された各色は個別に微調整が可能。色相を変更すると関連するスケールもスマートに再計算されます。
こんな方におすすめ:
リファレンス画像や既存のデザインから配色を抽出したい方
デザインシステムをゼロから構築したい方
アクセシビリティを考慮した配色を手軽に作りたい方
Figmaバリアブルへの登録作業を効率化したい方
シンプルかつパワフルなこのプラグインで、あなたのデザインワークフローを劇的に改善しましょう。
Plugin Details
| Version | 1 |
|---|---|
| Created | November 28, 2025 |
| Last Updated | November 28, 2025 |
| Category | Import & export plugins |
| Creator | 竹内悠晟 |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML