Eggplore UI StyleGuide – Sketch and Figma Freebie – FreebiesUI

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 by UI Prep

Download freebie

Similar resources

UI Kit Code for Buttons
Yolk – Universal iOS UI Kit
Material Dashboard UI Kit
FREE Bootstrap Figma UI Kit

The post Figma Free Buttons UI Kit appeared first on FreebiesUI.


Find more UI Kits here

+ There are no comments

Add yours