Prototype in Figma Tutorial — All Triggers & Transitions — 📎 With Practice File
62.1 هزار بار بازدید -
4 سال پیش
-
In this Figma Prototyping Tutorial,
In this Figma Prototyping Tutorial, learn all triggers such as Tap, Drag, Time, Mouse Hover, Pressed, Mouse Enter, Mouse Leave, Touch Down & Touch up, etc. with practical examples.
Link to Figma file for practice
https://www.figma.com/community/file/...
Timestamps -
0:00 Intro
0:40 Prototype Basics
2:20 Animations / Transitions Section
4:57 Smart Animate
6:24 Time Trigger Prototype Examples
7:41 Overlay - Popup & Keyboard
9:05 Touch Down / Long Press / Tap and Hold
10:40 Drag / Swipe
13:24 Mouse Hover and Pressing
15:02 Horizontal & Vertical Scroll
15:43 Mouse Enter & Leave - Sticky Website Header
17:08 Keyboard & Gamepad
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 Figma file for practice
https://www.figma.com/community/file/...
Timestamps -
0:00 Intro
0:40 Prototype Basics
2:20 Animations / Transitions Section
4:57 Smart Animate
6:24 Time Trigger Prototype Examples
7:41 Overlay - Popup & Keyboard
9:05 Touch Down / Long Press / Tap and Hold
10:40 Drag / Swipe
13:24 Mouse Hover and Pressing
15:02 Horizontal & Vertical Scroll
15:43 Mouse Enter & Leave - Sticky Website Header
17:08 Keyboard & Gamepad
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
4 سال پیش
در تاریخ 1399/06/05 منتشر شده
است.
62,102
بـار بازدید شده