$2, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Basic Button Components
Forty-eight button variants for Figma and Sketch: primary, secondary and text styles in four sizes and four interaction states.
$2
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 48 variants
- File formats
- .fig, .sketch, .png
- Supported software
- Figma, Sketch
- Download size
- 2 MB
- Good for
- Web app interfaces
- Landing page calls to action
- Clickable Figma prototypes
About this product
A single Figma component set holds all 48 button variants: primary, secondary and text styles, each in four sizes from 32 to 56 px tall and four states (default, hover, pressed and disabled). Auto layout keeps padding even as labels change, and boolean properties add a leading or trailing icon or hide the label for an icon-only button. A Sketch file with matching symbols is included.
It works as the first button set in a new web or mobile project, or as a replacement for the slightly different one-off buttons that pile up in older files. Colors, corner radius and label text are tied to shared styles, so moving the set to a brand palette means editing a handful of styles rather than every instance.
What's inside
- 48 variants: 3 styles × 4 sizes × 4 states
- Heights of 32, 40, 48 and 56 px on an 8 px grid
- Leading, trailing and icon-only layouts via boolean properties
- Auto layout labels that resize without breaking padding
- Shared color and text styles for rebranding in one place
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$2, Fits your $30 budget
$3, Fits your $30 budget
$2, Fits your $30 budget