Back to Plugins
Button Smith

Button Smith

Document and Create all button components in just one click

documentationdocumenting designsbutton componentui designcomponentsbutton designcomponent librarybuttoncomponents

Plugin Preview

Button Smith preview

About this plugin

Welcome to Create Buttons Component, designed to save you 30 to 60 minutes on button creation. Say goodbye to manually building Primary, Secondary, and Tertiary buttons, along with their Rest, Hover, and Disabled states.


💡 How to use Create Buttons Component?

  1. Choose your settings: Define your button's font, padding, size, border radius, and colors.
  2. Activate the Create Buttons Component Plugin: Simply input your preferences and let the plugin do the rest.
  3. Generate your buttons: The plugin will automatically create a comprehensive set of button components with all necessary states.


🎯 Key Features:

  1. Time-saving automation
  2. Comprehensive button types: Automatically includes Primary, Secondary, and Tertiary buttons.
  3. All states included: Creates Rest, Hover, and Disabled states for each button type.
  4. Customizable settings: Define your font, padding, size, border radius, and colors to match your design system.
  5. Organized output UI


✨ Upcoming Updates:

  1. Buttons with right and left side icons
  2. News button states like, Focus State and Error State


Create Buttons Component is a premium Figma plugin designed to streamline your design process. With Create Buttons Component, you get a comprehensive and consistent set of buttons tailored to your design needs in just a few clicks. It's the perfect tool for designers looking to optimize their workflow and ensure consistency across their projects.


Got ideas on how we can improve Create Buttons Component? We'd love to hear from you. Feel free to drop us an email at [email protected]. Thank you!

Plugin Details

Version12
CreatedMay 24, 2024
Last UpdatedJuly 29, 2024
Categoryui-kits
CreatorAshish
Stats214 installs, 52 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:3000Dev
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://www.kalki.design