Button Generator
Generate a complete button component system with variants, states & icons in seconds
Plugin Preview
About this plugin
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.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 25, 2026 |
| Last Updated | March 25, 2026 |
| Category | education-other |
| Creator | Jithin |
| Stats | 2 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the education-other category.