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 ...
48.1K viewsSep 23, 2022
Shorts
Button hover animation in figma 🚀 | Figma tutorial #figma
0:51
1.9K views
Button hover animation in figma 🚀 | Figma tutorial #figma
UIX Nikunj
Creating button hover effects in Figma
0:50
77.6K views
Creating button hover effects in Figma
ArtFoliostic
Figma Basics
Figma Tutorial for Beginners
1:13:17
Figma Tutorial for Beginners
YouTubeKevin Stratvert
873.3K viewsApr 11, 2024
Figma Tutorial for Beginners (13-min crash course!)
13:22
Figma Tutorial for Beginners (13-min crash course!)
YouTubeFlux Academy
361.5K views9 months ago
Figma Basics Tutorial for Beginners (Free Design Tool!)
18:40
Figma Basics Tutorial for Beginners (Free Design Tool!)
YouTubeCodeWithChris
96.6K viewsMar 10, 2020
Top videos
How to Create a Dynamic transition in Figma | Step-by-Step Tutorial 🎨
0:35
How to Create a Dynamic transition in Figma | Step-by-Step Tutorial 🎨
YouTubeCreative Design Ideas
2.3K views6 months ago
5 Amazing Button Animations in Figma | Tutorial
14:32
5 Amazing Button Animations in Figma | Tutorial
YouTubeSergei Chyrkov
68.3K viewsNov 23, 2023
Figma Tutorial: Prototyping & Transitions
4:39
Figma Tutorial: Prototyping & Transitions
YouTubeFigma
653.6K viewsAug 6, 2020
Figma UI Design
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
24:23
Figma UI Design Tutorial: Get Started in Just 24 Minutes!
YouTubeAJ&Smart
4.6M viewsDec 8, 2020
Master Figma UI Design in 15 Minutes | This Tutorial Is For You!
15:28
Master Figma UI Design in 15 Minutes | This Tutorial Is For You!
YouTubeWebsite Learners
1.6M viewsSep 16, 2023
Figma Tutorial for UI Design - Course for Beginners
10:16:51
Figma Tutorial for UI Design - Course for Beginners
YouTubefreeCodeCamp.org
2M viewsJan 5, 2022
How to Create a Dynamic transition in Figma | Step-by-Step Tutorial 🎨
0:35
How to Create a Dynamic transition in Figma | Step-by-Step Tutorial 🎨
2.3K views6 months ago
YouTubeCreative Design Ideas
5 Amazing Button Animations in Figma | Tutorial
14:32
Find in video from 00:17Creating the First Button
5 Amazing Button Animations in Figma | Tutorial
68.3K viewsNov 23, 2023
YouTubeSergei Chyrkov
Figma Tutorial: Prototyping & Transitions
4:39
Figma Tutorial: Prototyping & Transitions
653.6K viewsAug 6, 2020
YouTubeFigma
How to Create a Figma Button Animation - Hover, Focus, and Pressed State
7:03
Find in video from 03:12Adding Buttons and Variants
How to Create a Figma Button Animation - Hover, Focus, and Press…
12.1K viewsFeb 27, 2023
YouTubeRaouf Belakhdar
How to Design an Interactive Button in Figma: For Beginners
10:04
Find in video from 04:41Creating Secondary and Tertiary Buttons
How to Design an Interactive Button in Figma: For Beginners
110.7K viewsJun 6, 2023
YouTubeDesign Xstream
How to Add a Button Hover Effect in Figma
10:18
Find in video from 00:12Creating a Button
How to Add a Button Hover Effect in Figma
162.9K viewsJun 17, 2023
YouTubePixel & Bracket
How to Create Incredible Button Hover Effect - Figma Tutorial
6:22
Find in video from 00:30Creating the Button Component
How to Create Incredible Button Hover Effect - Figma Tutorial
10.8K viewsJan 3, 2023
YouTubeThalion
17:11
Find in video from 0:00Introduction to Dynamic Buttons
Creating the Most DYNAMIC Buttons in Figma
127.4K viewsNov 5, 2021
YouTubeDesignCourse
0:39
Create Interactive Hover Button in 40 Seconds (Figma Tutorial)
58.1K viewsJun 26, 2023
YouTubeRais Designs
12:33
Figma Interactive Button Tutorial | Prototype
15.2K viewsFeb 24, 2022
YouTubeChinsk Design
13:14
Find in video from 00:07Introduction to Button Customization
How to use Variants & Properties for your buttons! Figma 2022
8.7K viewsSep 12, 2022
YouTubeBuild With Fede
4:39
Move from one screen to another on button click in Figma | Figma tutorial
157.3K viewsNov 26, 2020
YouTubeUnited Top Tech
2:47
Create a Button With a HOVER Functionality in 128 SECONDS (Figm…
565.1K viewsFeb 20, 2022
YouTubeMavi Design
12:28
Find in video from 01:15Planning the Button System
Create a Figma Design System - Button Systems W/ Variants Tutorial …
121.4K viewsMay 13, 2021
YouTubeMizko
4:23
Find in video from 00:12Creating the Button Base
How to Create Button Hover Effects in Figma: Step-by-Step Tutorial
May 3, 2023
YouTubeAquiyah Designs
2:08
Easy Method to Create Button Color Change When HOVER - Figma Hover …
4K viewsFeb 8, 2024
YouTubeUIX Designer
9:11
Find in video from 01:00Creating the Send Button Icon
Create an ANIMATED Send / Sent Button in Figma (Tutorial)
10K viewsNov 4, 2022
YouTubeMavi Design
50:32
Figma prototyping tutorial: Overlays | Transitions & Interactions
12.9K viewsDec 11, 2021
YouTubeYariv BE
4:09
Find in video from 01:05Duplicating and Renaming Buttons
Figma Button Hover Color change Effect Tutorial
16.2K viewsNov 6, 2023
YouTubeUnited Top Tech
3:51
Find in video from 00:32Basic Button Use Case
Figma tutorial: Auto layout button
774.7K viewsJan 21, 2021
YouTubeFigma
22:28
Find in video from 00:22Building the Button
Figma Button Components (Variables, Tokens, Variants & Component Prop…
60.6K viewsAug 28, 2023
YouTubeTD Sunshine
8:26
Find in video from 05:08Duplicating and Positioning the Button
How To Create a Functional "BACK TO TOP" Button in Figma
43.2K viewsSep 7, 2022
YouTubeMavi Design
9:49
Find in video from 0:00Introduction to Slider Confirmation Button
Create a SLIDE TO CONFIRM Button in Figma (Easy to Follow Step-by-Step …
17.5K viewsMay 27, 2022
YouTubeMavi Design
10:20
Figma Tutorial: Overlays
582.7K viewsDec 3, 2018
YouTubeFigma
14:16
Figma Tutorial: Variants
1.2M viewsOct 28, 2020
YouTubeFigma
9:17
Find in video from 00:15Opening Figma Design File
Figma Hover | Figma Button Hover Effect with Smart Animate
185.9K viewsMay 24, 2021
YouTubeAngela Design
4:14
Create a Text Input field Component With an ANIMATED Floating Label (Fi…
128.5K viewsMar 17, 2024
YouTubeuxiva designs
6:58
Fancy Button Hovers For Figma Beginners in 2023
61.6K viewsDec 15, 2022
YouTubeTim Gabe
20:08
How to Animate the Figma Bottom Toolbar: From Design to Dev Mode | …
2.2K viewsSep 17, 2024
YouTubeShmelt studios
See more videos
Static thumbnail place holder