Figma Interactive Components Tutorial - 15 Examples 📎 With Practice File
20.6 هزار بار بازدید -
3 سال پیش
-
In this Figma tutorial, Learn
In this Figma tutorial, Learn Interactive components with practical Mobile and Web Design Examples. Figma just launched its biggest update ever. This is like Component states in Adobe XD. Timestamps are added below the links.
Link to Practice File -
https://www.figma.com/community/file/...
Figma Beta Signup -
https://docs.google.com/forms/d/e/1FA...
Figma Beta Desktop App -
https://help.figma.com/hc/en-us/artic...
Variants Tutorial -
Figma Variants Tutorial – Now Design ...
Prototyping Tutorial -
Prototype in Figma Tutorial — All Tri...
Timestamps -
0:00 Intro
0:58 Interactive Components Basics
1:42 Interactive Checkbox, Radio & Toggle
2:58 Interactive To-do List
3:54 Mobile Navigation Drawer
5:08 Tooltips
6:14 Slider and Swipe Gestures
8:04 Counter
9:07 Loading Indicator Animations
13:30 All Mobile Interactions Together
14:02 Navigation & Button Hover
15:15 Card Hover Effect
15:48 Image Slider
16:36 All Web Interactions
Playlist for Free and most complete Figma Course
Complete Figma Course – From Beginner...
Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.
If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.
-----------------------------------------------
ABOUT ME
I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.
I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.
Please subscribe and say hi in the comments or connect with me on social media :)
-----------------------------------------------
SOCIAL
Personal Website: https://www.udayrajsathe.com/
LinkedIn: LinkedIn: udayrajsathe
Instagram: Instagram: udayraj.sathe
Twitter: Twitter: udayrajsathe
-----------------------------------------------
#figma #design #tutorial #ui #ux
Link to Practice File -
https://www.figma.com/community/file/...
Figma Beta Signup -
https://docs.google.com/forms/d/e/1FA...
Figma Beta Desktop App -
https://help.figma.com/hc/en-us/artic...
Variants Tutorial -
Figma Variants Tutorial – Now Design ...
Prototyping Tutorial -
Prototype in Figma Tutorial — All Tri...
Timestamps -
0:00 Intro
0:58 Interactive Components Basics
1:42 Interactive Checkbox, Radio & Toggle
2:58 Interactive To-do List
3:54 Mobile Navigation Drawer
5:08 Tooltips
6:14 Slider and Swipe Gestures
8:04 Counter
9:07 Loading Indicator Animations
13:30 All Mobile Interactions Together
14:02 Navigation & Button Hover
15:15 Card Hover Effect
15:48 Image Slider
16:36 All Web Interactions
Playlist for Free and most complete Figma Course
Complete Figma Course – From Beginner...
Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.
If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.
-----------------------------------------------
ABOUT ME
I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.
I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.
Please subscribe and say hi in the comments or connect with me on social media :)
-----------------------------------------------
SOCIAL
Personal Website: https://www.udayrajsathe.com/
LinkedIn: LinkedIn: udayrajsathe
Instagram: Instagram: udayraj.sathe
Twitter: Twitter: udayrajsathe
-----------------------------------------------
#figma #design #tutorial #ui #ux
3 سال پیش
در تاریخ 1399/12/11 منتشر شده
است.
20,678
بـار بازدید شده