Color Scale [Sun*]

About this plugin

🌈 What it does

Generate 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 Use

1. **Pick your base color** using the color picker or hex input

2. **Name your color** (e.g., "Primary Blue", "Brand Green")

3. **Get AI suggestions** - click "AI Color Suggestions" for smart recommendations

4. **Customize if needed** - adjust individual color steps with advanced controls

5. **Create Variables** - export directly to Figma's Variables panel

6. **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 themes

Transform your color workflow from hours to seconds with intelligent automation that never leaves you stranded offline.