SwatchLap

About this plugin

SwatchLab

Smart Color Card Generator

SwatchLab is a modern Figma plugin that helps you generate clean, professional color swatches in seconds — with support for live editing, smart color naming, Pantone integration, and now color extraction from images or frames.

Perfect for designers creating brand guidelines, UI kits, or professional color systems.

✨ Key Features

🎨 Generate Beautiful Swatch Cards

Add multiple colors, name them, and export them as neatly styled cards — with 5 format options (Hex, RGB, HSL, HSB, CMYK).

🧠 Color Extraction (New!)

Select any frame or image inside your Figma file, and SwatchLab will automatically extract the main colors, detect names, and add them directly to your palette.

🔁 Live Editing

Update colors, names, formats, and Pantone labels after generating — cards stay in sync instantly.

🧠 Smart Color Naming (API Powered)

Automatically detects color names as you type (via The Color API), with fallback support when offline.

🏷️ Pantone Support

Add Pantone codes to each color card for more professional control.

📏 Multiple Card Sizes

Choose from 5 pre-defined sizes to match your brand or presentation needs.

🌓 Dark Mode Ready

Light/dark themes with smooth transitions — toggle via emoji in the corner 🌙☀️

🧩 Reorder Color Formats

Drag & drop to arrange formats in the order you prefer.

✅ Output Ready

Cards are generated as separate Figma frames in one clean line, easy to use, organize, and export.

🛠 How to Use

Open the plugin

Add colors using HEX or color picker, or use the "Extract from Frame/Image" button

Customize names (or let the plugin suggest them)

Add optional Pantone values

Choose card size and formats

Click “Generate” — and you're done!

🧠 Bonus Features

Real-time updates on every change

Format validation and toggle system

Responsive UI with minimalist design

Works offline with fallback color data

Clean layout, refined spacing, and modern interface

Donation + dark mode controls built-in (bottom bar)

📦 What You Get

Clean swatch cards with color preview, name, Pantone (if added), and selected formats

Cards styled professionally with proper spacing, font, and shadows

Fully editable frames aligned horizontally for easy access and export

❤️ Loved by Designers

SwatchLab is built to help you document, organize, and present your colors like a pro — whether you're building a design system, branding a startup, or pitching a palette to your client.