Hex Color Cards

About this plugin

About – Hex Color Cards

Hex Color Cards helps you quickly transform HEX codes into exportable, designer-friendly color cards inside Figma. Each card includes values you can copy or export instantly, making it a simple tool for creating palettes, design systems, or brand guidelines.

Features:

1. 🎨 Convert HEX codes into clean, styled color cards
2. 🔤 Each card shows color name, HEX, and RGB values
3. 📋 Copy HEX or RGB values with one click
4. ↔️ Reset or remove cards at any time
5. 📦 Export neatly organized cards directly to your Figma canvas
6. ⚡ Perfect for branding, UI kits, and design systems

How it works

Add your HEX color

Type a 6-digit HEX that starts with # (e.g., #ff6a6a) and click Add to create a preview card.

Build your list

Repeat Add to stack multiple colors. Use Copy HEX / Copy RGB to grab values or Remove to tidy up.

Export to Figma canvas

Hit Export to place all cards on the canvas. Cards are arranged neatly in a row with consistent spacing.

Tips

1. Only 6-digit HEX.
2. Color names are suggested automatically.
3. Reset All clears the list in one click.