[Sun*] Color Scale
Color, Scale, Ai, generate, variable, multiple, theory
Plugin Preview
About this plugin
🌈 What it doesGenerate professional color scales instantly with AI-powered suggestions. Create consistent, accessible color systems for your design projects with just one base color.✨ Key Features🤖 Smart AI Color Suggestions- **AI-powered recommendations** using advanced color theory- **Works offline** - automatic fallback to local color calculations- **Multiple color categories**: Primary, Secondary, and Neutral palettes- **Contextual suggestions** based on color name and usage🎨 Professional Color Scales- **11-step color scales** (50, 100, 200...900) following industry standards- **Perfect for design systems** - consistent lightness progression- **Instant preview** with real-time adjustments- **Export to Figma Variables** for seamless workflow integration⚙️ Advanced Customization- **Fine-tune every step** with individual sliders- **Persistent settings** - your preferences are remembered- **Reset to defaults** with one click- **Direct hex input** with live validation-----------------------------------------------------🚀 How to Use1. **Pick your base color** using the color picker or hex input2. **Name your color** (e.g., "Primary Blue", "Brand Green")3. **Get AI suggestions** - click "AI Color Suggestions" for smart recommendations4. **Customize if needed** - adjust individual color steps with advanced controls5. **Create Variables** - export directly to Figma's Variables panel6. **Create Color Styles** - generate reusable color styles for your team🎯 Perfect For- **Design systems** - Create consistent color palettes- **UI/UX designers** - Generate accessible color scales- **Brand designers** - Develop cohesive color schemes- **Teams** - Share standardized color variables🔧 Smart Technology- **Hybrid AI system** - Uses OpenAI, Anthropic, or Google Gemini when online- **Offline-first design** - Always works, even without internet- **Color theory algorithms** - Scientifically accurate color relationships- **Figma integration** - Native Variables and Styles support💡 Pro Tips- Use descriptive color names for better AI suggestions- The AI considers context (e.g., "Ocean Blue" vs "Corporate Blue")- Advanced settings are saved automatically- Reset individual cards to start fresh- Works great for both light and dark themesTransform your color workflow from hours to seconds with intelligent automation that never leaves you stranded offline.
Plugin Details
| Version | 11 |
|---|---|
| Created | July 31, 2025 |
| Last Updated | December 17, 2025 |
| Category | Accessibility tools |
| Creator | [Sun] Duc Pham(ドゥック) |
| Stats | 5 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://generativelanguage.googleapis.com
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥