Back to Plugins
Buttonify

Buttonify

Generate customizable button components with multiple states and variants instantly

Plugin Preview

Buttonify preview

About this plugin

Buttonify is the ultimate button generator for designers who want to create consistent, production-ready button systems in seconds.


Key Features:


  1. Live Preview - See your button update in real-time as you customize
  2. Multiple Button Types - Generate Primary, Secondary, and Text button variants
  3. 9 Button States - Default, Hover, Focused, Pressed, Disabled, Loading, Success, Warning, and Danger
  4. Component Variants - Buttons are created as proper Figma component sets with variant properties
  5. Auto-Layout Ready - All buttons use auto-layout for easy resizing and content changes
  6. Full Customization - Control width, height, colors, font size, border radius, and padding


Perfect For:


  1. Design system creation
  2. UI kit development
  3. Rapid prototyping
  4. Maintaining button consistency across projects


How to Use:


  1. Open the plugin
  2. Customize your button in the Layout tab (size, colors, text, padding)
  3. Set state colors in the States tab
  4. Select which button types to generate (Primary, Secondary, Text)
  5. Click "Generate Buttons"
  6. Your button component set appears on the canvas, ready to use!


Save hours of manual work and ensure consistency across your designs with Buttonify.

Plugin Details

Version1
CreatedDecember 7, 2025
Last UpdatedDecember 7, 2025
Categoryui-kits
CreatorBirat
Stats2 installs, 0 likes
PricingFree

Technical Details

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