How to design buttons in Figma
4:17
YouTubeNick Babich
How to design buttons in Figma
A 5 min tutorial on how to design a collection of buttons in Figma. We will create a button component with a few variants (Default, Hover, Disabled) and learn how to apply styling properties like nicely looking shadows that can change depending on the button state (Default and Hover). ---- Twitter: http://twitter.com/101babich Instagram: http ...
53K viewsSep 23, 2022
Shorts
How to make responsive buttons in Figma
0:24
10.3K views
How to make responsive buttons in Figma
Raouf Belakhdar
Mastering Figma Button Design: Autolayouts Tutorial
0:36
39K views
Mastering Figma Button Design: Autolayouts Tutorial
ux_ui_ua
Figma Tutorial
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
1M viewsApr 11, 2024
Figma tutorial for Beginners: Complete Website from Start to Finish
43:21
Figma tutorial for Beginners: Complete Website from Start to Finish
YouTubeFlux Academy
3.1M viewsMay 20, 2022
Figma Tutorial for Beginners - Complete Course 2025
1:54:38
Figma Tutorial for Beginners - Complete Course 2025
YouTubeAverage Design Dude
233.8K viewsFeb 22, 2025
Top videos
Create a Figma Design System - Button Systems W/ Variants Tutorial (Part 4)
12:28
Create a Figma Design System - Button Systems W/ Variants Tutorial (Part 4)
YouTubeMizko
123.9K viewsMay 13, 2021
How to Make an Interactive Radio Button in Figma | 2 Minutes Figma Tutorial
2:38
How to Make an Interactive Radio Button in Figma | 2 Minutes Figma Tutorial
YouTubeHamza Tariq
8K viewsOct 3, 2023
Create BUTTONS with VARIANTS in Figma | Easy Tutorial
2:20
Create BUTTONS with VARIANTS in Figma | Easy Tutorial
YouTubeDesign Tea
1.2K viewsMar 13, 2024
Figma Design Tips
How to Master Figma and Design 10X FASTER!
12:10
How to Master Figma and Design 10X FASTER!
YouTubeJesse Showalter
106.4K viewsFeb 26, 2024
Figma Design for Beginners
1:00
Figma Design for Beginners
YouTubeFigma
59.6K views9 months ago
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
2:43
Figma Design for beginners: Advocate sidebar — Kaitie and Lauren talk portfolios
YouTubeFigma
104.9K views7 months ago
Create a Figma Design System - Button Systems W/ Variants Tutorial (Part 4)
12:28
Find in video from 03:30Creating the Primary Button
Create a Figma Design System - Button Systems W/ Variants Tutori…
123.9K viewsMay 13, 2021
YouTubeMizko
How to Make an Interactive Radio Button in Figma | 2 Minutes Figma Tutorial
2:38
How to Make an Interactive Radio Button in Figma | 2 Minutes Figm…
8K viewsOct 3, 2023
YouTubeHamza Tariq
Create BUTTONS with VARIANTS in Figma | Easy Tutorial
2:20
Create BUTTONS with VARIANTS in Figma | Easy Tutorial
1.2K viewsMar 13, 2024
YouTubeDesign Tea
Figma Interactive Button Tutorial | Prototype
12:33
Figma Interactive Button Tutorial | Prototype
15.6K viewsFeb 24, 2022
YouTubeChinsk Design
Design Systems 101: How to create a button component in Figma with variants and component properties
22:46
Find in video from 07:00Creating the Component
Design Systems 101: How to create a button component in Figma wit…
6.7K viewsFeb 3, 2023
YouTubeJust UX
Figma tutorial: Interactive components
8:45
Find in video from 02:06Creating Interactive Checkboxes
Figma tutorial: Interactive components
650.4K viewsOct 26, 2021
YouTubeFigma
Figma RESPONSIVE BUTTONS in 10 minutes - Beginners Tutorial
10:06
Figma RESPONSIVE BUTTONS in 10 minutes - Beginners Tutorial
568 views11 months ago
YouTubeSubhan Shaikh
10:04
Find in video from 04:41Creating Secondary and Tertiary Buttons
How to Design an Interactive Button in Figma: For Beginners
120.7K viewsJun 6, 2023
YouTubeDesign Xstream
14:55
Find in video from 00:29Creating the Mobile App Frame
Create an Interactive App Navigation Menu in Figma
151.5K viewsSep 12, 2022
YouTubeMavi Design
14:07
How to use Figma Make | AI Tool that Designs for You | Complete T…
9.6K views7 months ago
YouTubeCodecademy
4:29
Find in video from 00:16Creating the First Button
How To Make A Clickable Button In Figma
5.6K viewsJun 27, 2023
YouTubeNed HELP
1:36
How to Make "Easy Button design in FIGMA" #figma #design #figmatut…
343 views5 months ago
YouTubeFigma Homies
2:44
How To Create a Button in Figma (2026 Updated Tutorial)
60 views6 months ago
YouTubeKrause Media
4:00
Find in video from 02:26Creating the Prototype
Design a Floating Action Button in Figma | easy animating FAB Butto…
27.4K viewsMay 14, 2022
YouTubeThefemijohn
8:52
Step-by-Step Guide to Designing Interactive Buttons in Figma | UI/U…
271 viewsAug 26, 2024
YouTubeUixsensei1
4:16
Find in video from 00:14Creating the Glow Button
How to create an Animated Glowing Button in Figma: Tutorial 2024
14K viewsOct 8, 2024
YouTubeJonathan Waterworth
3:22
Create AMAZING Interactive Button Animation Using Figma | Figma Tu…
262 viewsSep 8, 2024
YouTubeGDMentor
5:45
How to Create Button Hover Effect in Figma | Tutorial for Beginners
2.7K viewsAug 5, 2024
YouTubeUX World
0:13
how to create button variants in figma
4.3K viewsFeb 25, 2025
YouTubeUIX Design Academy
5:31
How to Create a Toggle Button/Switch in Figma | Figma Tu…
544 viewsAug 13, 2024
YouTubeHowToHarbor
2:47
Interactive Button design Hover Effect in Figma | Figma tutorial | In…
255 viewsOct 31, 2024
YouTubeCoding Foundation
0:59
How to make Buttons into Components in Figma?
47 viewsJan 21, 2025
YouTubeKnowHow Academy
0:52
How to create a Toggle/switch button in Figma. #ui #figma
86.4K viewsJun 2, 2024
YouTubeDesign with Mahsa
31:38
Find in video from 07:34Creating Images and Icons
Introducing Figma: A Beginners Tutorial (2023 UI UX Design)
1.4M viewsJan 12, 2023
YouTubeRino de Boer
9:28
Find in video from 02:30Creating a Button Variant System
MASTER Figma Components in 10 Minutes (Everything You Need To …
530.6K viewsApr 24, 2023
YouTubeArnau Ros
10:49
Filter Menu interactive in figma| Beginners tutorial
34.8K viewsJun 23, 2024
YouTubeDesign Sensai
12:50
Find in video from 02:39Creating the Frame
How to create an interactive button on Figma (Default, Hover, Clicked …
846 viewsJul 28, 2023
YouTubeOmolola Olayemi
19:27
Figma for Beginners: Creating Button Variants Styles
873 viewsMay 9, 2024
YouTubeBeyond Design with Jelissa
1:06:22
How to Make Fully Customizable Buttons in Figma (Step-by-Step Tu…
179 views8 months ago
YouTubeRonald Rosales
See more videos
Static thumbnail place holder

Short videos

0:24
How to make responsive buttons in Figma
10.3K viewsApr 14, 2023
YouTubeRaouf Belakhdar
0:36
Mastering Figma Button Design: Autolayouts Tutorial
39K viewsOct 10, 2023
TikTokux_ui_ua
0:29
👩‍💻 Responsive buttons in Figma 🚀 #figma #tutorial #re…
10.2K viewsNov 24, 2023
YouTubeAlicja Suska
0:47
Make buttons using Auto-Layout in Figma - For begin…
1.5K viewsApr 7, 2024
YouTubeChandini Creates
0:40
How to create a button component and variants in …
36.8K viewsMay 9, 2024
YouTubeDavio White
0:47
👉 Mastering Button Creation in Figma | Quick Tutorial Ho…
355 viewsDec 12, 2023
YouTubeDESIGN All Clear
1:01
👉Creating a Full Set of Common Buttons in Materi…
253 viewsJul 20, 2023
YouTubeDESIGN All Clear
0:31
Figma Auto Layout Button Design | Beginner Tutorial
455 views2 months ago
YouTubeSmart Gurukul Academy
0:13
how to create button variants in figma
4.3K viewsFeb 25, 2025
YouTubeUIX Design Academy
0:59
How to make Buttons into Components in Figma?
47 viewsJan 21, 2025
YouTubeKnowHow Academy
0:52
How to create a Toggle/switch button in Fig…
86.4K viewsJun 2, 2024
YouTubeDesign with Mahsa
0:48
How to make Figma buttons interactive
45.5K viewsApr 13, 2023
YouTubeRaouf Belakhdar
0:27
How to Make Auto Layout Buttons in Figma (In 30 Sec…
168 views5 months ago
YouTubeLearn and Earn
0:34
hover button in figma #coding #htmlcss #html #c…
139 views8 months ago
YouTubeSmart Code School
0:21
How to Create a Toggle Button in Figma | Figma UI …
2.4K views7 months ago
YouTubeSmart Code School
0:51
Button hover animation in figma 🚀 | Figma tutorial #figma
2.1K viewsSep 12, 2024
YouTubeUIX Nikunj
0:51
Navigate prototype connections in Figma like …
4.1K viewsMay 4, 2024
YouTubeDesignCode
0:25
Figma tutorial: How to create a vector and how to use su…
331 viewsSep 25, 2023
YouTubeNDesign
0:34
Button Navigation Bar Animation in Figma #short…
808 views3 months ago
YouTubeAles Dev | Flutter Development & Fig…
0:47
Day 20/100 Figma Hover Effect: Advanced Button A…
159 views5 months ago
YouTubeThe Ux Journal
Static thumbnail place holder