Figma

BeginnerSelf-Paced16 minutesCourse

How to Create a Smart, Reusable Button in Figma (with Variants & Properties)

Offered through Skillshare

About this course

Ready to level up your Figma skills in just 15 minutes? In this short class, you’ll learn how to design a smart, reusable button component — complete with primary and secondary styles, customizable icons, and editable text properties.

We’ll cover:

- Setting up Auto Layout for flexible buttons. - Creating variants for primary and secondary button styles. - Adding properties to toggle the icon visibility, swap the icon, and change the button text.

By the end of this class, you’ll have a fully functional button component you can drop into any project — saving you time and making your designs more professional.

This class is beginner-friendly, but even if you’re familiar with Figma, you’ll pick up new tips for building smarter components.

Let’s dive in and build your first pro-level Figma button!

Instructor

  • Adi Purdila

Reviews

No reviews yet. Be the first to review this course.

Discussion

Similar courses

Search for more
39m
Skillshare

Figma: create Responsive designs!

39 minutes

Figma

In this short course (30min) you will learn how to create responsive designs with Figma. You will understand the concepts behind Constrains and Autolayout to create a simple landing page that behaves responsively. Applying this methods you will be able to adapt your designs in seconds instead of hou...

Figma

BeginnerSelf Paced
SubscriptionView course
4h 42m
Skillshare

Figma: create a Design System

5 hours

Figma

Learn the basics of a Design System and learn how to create your own for your projects using Figma. In this course will learn how to create grids and layouts, choose colors, choose typography, and set the correct vertical rhythm. As well you will learn how to create the most-used components as input...

Figma

BeginnerSelf Paced
SubscriptionView course

Related courses

Browse all
9h 29m
Skillshare

Figma UI UX Design Essentials

9 hours

Figma

Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...

Figma

BeginnerSelf Paced
SubscriptionView course

More courses from Skillshare

View all
1h 16m
Skillshare

Vector Brush Gorgeous Line Art Floral Repeat Pattern

1 hour

Textile Design

Development of advanced techniques in Illustrator and Photoshop is the focus of this course, with the goal of helping you increase your proficiency with vector brushes and pattern design. You will craft a gorgeous floral line-art which can be finished in oh-so-many ways! In this course you will lear...

IntermediateSelf Paced
SubscriptionView course
24m
Skillshare

Plant Magic: Natural Dyeing in the Kitchen

24 minutes

Textile Design

Transform humble materials into luxurious fabrics through the craft of natural dyeing! This wonderful art combines textile design with sustainable living. Using food materials you can find in your kitchen, we'll brew three lovely colors from scratch: Pale pink from avocado pits Golden yellow from on...

BeginnerSelf Paced
SubscriptionView course
23m
Skillshare

Art on Denim: Let's Paint Sunflowers!

23 minutes

Textile Design

Give your denim a new lease of life by creating something totally original. With fabric painting, you are the artist and the textile designer! In this class we will cover the basic of fabric painting, learn what materials to use and discuss the best practice while working towards creating your weara...

BeginnerSelf Paced
SubscriptionView course

Subscription

Go to Class