UI Buttons Kit For Figma

The most powerful UI button builder kit for Figma. This collection features the most popular and commonly-needed buttons for Figma. It utilizes auto-layout, component properties, variants, and interactive components to simplify your button design process.

Nov 6, 2024 - 10:04

Nov 6, 2024 - 09:58

0 162

Overview

This collection features the most popular and commonly-needed buttons for Figma.
It utilizes auto-layout, component properties, variants, and interactive components to simplify your button design process.

You can easily change the button's size, style, and shape, as well as select or toggle the visibility of text, icons, logos, or pictures. Additionally, you have the flexibility to adjust the content position and swap icons directly at an instance level, allowing you to create infinite variations.

This UI buttons kit includes:

04 sizes (Mini, Small, Medium, Large)
10 Styles (Filled, Tinted, Plain, Gray, Stroked, Pale & Shadow, Background Blur, 80s Style, Gradient, Mix) 
06 Shapes (Fully Rounded, Rounded Corners, Semi-Rounded, Sharp Corners, Half Rounded, Bubble) 
04 Content Positions (Variants) (Left, Right, Center, Space)
Has Icon (boolean toggle) 
Has Text (boolean toggle) 
Has Picture (boolean toggle) 
Has Logo (boolean toggle) 
Reverse Content (boolean toggle)

250 most used UI icons (BeBold Essentials UI Icon) .
22 most used social media logos (Vector) .
32 most used payment logos (Vector) .
55-color palette and text styles included.
35 Pre-Built Examples.

▶️ Don't forger to check out our (Quick Look Video),

Buttons play an important role in the design of a website or app, so start saving your working hours ⏱️ with one of the most customizable button libraries ever!