Button Generator

Button Generator helps designers build a production-ready button component system directly in Figma — no manual work needed.

✅ What it creates:- A single "Button" component with all variants selectable from the right panel- Variants: Primary, Secondary, Outline, Danger — each with Default, Hover, Pressed, Focused & Disabled states- Sizes: Small, Medium, Large — with custom font size, padding, and border radius per size- Types: Text Only, Icon + Text, Icon Only- An Icon Library frame with 10 swappable icons — change an icon and all buttons update automatically🎨 Fully customizable:- Pick any font installed in Figma (150+ Google Fonts supported)- Custom colors per variant with live WCAG AA/AAA accessibility checking- Custom border radius, padding, and font size per size- Focus ring color, primary color picker♿ Accessibility built-in:- Real-time contrast ratio checking for all variants- Blocks generation if colors fail your chosen WCAG standard (AA or AAA)Perfect for design systems, component libraries, and rapid prototyping.