Extract Palette

Extract Palette is a simple but powerful plugin that automatically builds a color palette from any selected frame, component, instance, or group on your canvas.

When you run the plugin, it scans through all objects inside your selection and collects every unique solid fill and stroke color it can find. Duplicate colors are merged to keep the palette clean. The plugin then generates swatches — neat 100×100 pixel squares — and organizes them into rows by color family (Gray, Red, Orange, Yellow, Green, Cyan, Blue, Purple, Magenta).

Within each color family row, swatches are automatically sorted from light to dark based on their luminance values. The palette is placed in a new frame called Palette, positioned right next to your selected frame for easy comparison. Each swatch is labeled with its hex value, so you can copy or reuse it directly.

This tool is especially useful for:• Designers who want to quickly extract a palette from an existing mockup or UI.• Organizing messy designs with too many colors into a structured set of swatches.• Creating reference palettes for presentations, brand books, or design systems.• Exploring how tones and shades are distributed in your design.

Key Features:• Works with frames, components, instances, and groups.• Supports solid fills and strokes (no gradients or effects yet).• Groups swatches into intuitive color families.• Orders colors from lightest to darkest.• Auto-layout rows and parent frame, with consistent spacing and padding.• Outputs clean, labeled swatches ready for reuse.• New: Beautiful redesigned UI with gradient background for better visual experience.---Release Notes (v1.1):UI Redesign Update• Completely refreshed plugin interface with a modern purple gradient design• Larger, more comfortable window size• Improved button styling with smooth animations• Better visual hierarchy and spacing• All core functionality remains the same — just prettier!