Back to Plugins
Button Generator

Button Generator

Generate a complete button component system with variants, states & icons in seconds

Plugin Preview

Button Generator 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

Version1
CreatedMarch 25, 2026
Last UpdatedMarch 25, 2026
Categoryeducation-other
CreatorJithin
Stats2 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none