Figma Free Buttons UI Kit

Figma Free Buttons UI Kit base components

Figma Free Buttons UI Kit is a Figma freebie. High-quality design! 

When it comes to web design, the devil is in the details. Icons and buttons play an important role in the design of a website or app. It could mean the difference between a good user experience versus a clunky one. For designers, finding a good user interface kit is like finding treasure. It’s akin to a geologist finding a really cool rock in his backyard.

The user interface kits on this list are tools to help you solve common design issues without having to spend hours designing your own kit. Without further adieu, let’s get to it.

Buttons communicate actions that users can take. They are typically placed throughout your UI. Most common are rectangular buttons with rounded corners. However that are easily identifiable and look good next to the input field. Choosing the right style for the button will depend on the purpose, platform, and guidelines.

Styles primarily used to differentiate more important actions. For instance from less important ones. Create a hierarchy of actions that will guide the user where there are multitudes of choices. 


  • Figma Variants
  • base components (aka themed components
  • Built with nested instances
  • auto layout
  • saved text & color styles 
  • Types: Primary, Secondary, Tertiary, Danger
  • Size: Large, Small
  • Icon: None, Left, Right, Double, Divided
  • State: Default, Active, Disabled

Figma Free Buttons UI Kit made UI Prep

Download freebie

Similar resources

Please share and show some love :)

You may also like