Attribute Generator

Stop wasting time manually calculating theme colors and copy-pasting hex codes! Attribute Generator automates your component theming and token export workflow.

Just pick a single base color, and the plugin will instantly:

🎨 Compute a balanced palette: Automatically generates backgrounds, text/strokes, and high-contrast CTA gradients using HSL math.

⚡️ Live-Recolor Mockups: Automatically updates your Figma layers (targets fills/strokes on layers named 'nodecolour1', 'nodecolour2', and 'nodecolour4') in real-time as you tweak the hex code.

📋 Format for Production: Pre-formats your design tokens for different build scenarios (Bento Chiclets, Full Page Banners, or Base Tokens).

💾 Export Anywhere: Print a text layer directly to your canvas, download as CSV, or use the 1-click Copy button to paste perfectly formatted Tab-Separated Values into Google Sheets.

Perfect for design systems, campaign banners, and speeding up developer handoffs.