Тёмный

Figma After Delay Animation | Overlay Prototype 

Angela Design
Подписаться 46 тыс.
Просмотров 47 тыс.
50% 1

Figma Smart Animate Tutorial:
• Figma Smart Animate | ...
In this video I go over how to add an animation delay to your Figma prototype. I go over my entire process - how to add interactions to your Figma design, how to add an 'after delay' animation and how to customize the position and animation properties for an overlay.
Enjoying this tutorial? Subscribe to stay up to date with my latest content: / @angeladesign737
In this video I show you:
0:00 - Intro
0:16 - Figma UI Project
1:11 - Notification Overlay
1:45 - Figma Interactions
3:50 - Custom Figma Interactions
Want to improve designer to development handoff? View my Sketch to Zeplin workflow here: www.youtube.com/watch?v=D3ZF2...
--
Gear
Microphone - amzn.to/34bDTxH
Hard Drive - amzn.to/30m5E5M
--
Let's Connect
Dribbble: dribbble.com/angeladelise
Blog: / angeladelise
--
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!

Наука

Опубликовано:

 

13 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 21   
@mik3nike
@mik3nike 2 года назад
Have been trying to figure this thing out and have had no luck until I found this video. Thank you!!!
@ewertoncassianoxavier3490
@ewertoncassianoxavier3490 3 года назад
Thank you so much for this amazing video. It is exactly what I needed!
@martinlee1229
@martinlee1229 2 года назад
i just wanted to say... you're the best - your channel is truly a blessing for the Figma UX world!
@jessicaloreto9504
@jessicaloreto9504 2 года назад
Girl, you rock!!! Thanks a lot for this video!! It's perfect!! Keep on the great job you're doing!
@amongdoomers9464
@amongdoomers9464 3 года назад
"In this video" at the start is so satisfying 😂
@larahiller5613
@larahiller5613 2 года назад
Thank you so much for this tutorial. This was exactly what I needed.
@MissAnimequest
@MissAnimequest Год назад
oh my god you literally saved my ass! ive been going crazy trying to figure this out since a week now, i didnt even know what this was called! thank you so much!!!!
@nope2826
@nope2826 2 года назад
This was really helpful and solved my issue - thank you!
@marine12590
@marine12590 2 года назад
Thanks for all your videos! Do you have tips on a animating overlays so it moves in on the screen under a symbol (in my case, a navbar)?
@arjunjacob1505
@arjunjacob1505 2 года назад
Could you make a video on pop up overlays that appear for a few seconds then ease out? Like message notifications on mobiles.
@nurulislam-xw1di
@nurulislam-xw1di 3 года назад
Good video about FIgma. Thank very much Angela Delise.
@angeladesign737
@angeladesign737 3 года назад
Glad it was helpful!
@anwarshadaab
@anwarshadaab 3 года назад
you explain so nicely, so your motive behind every action is easily understandable. I have been working with bootstrap recently and I used different size of images for my carousel. Sadly images are looking bad due to aspect ratio, some were cropped very badly and my page became scrollable even I set carousel height to 100vh. So its my request to you, please make a bootstrap carousel video where navbar is already built and please guide in the best way how to handle different sized images in carousel and also make them responsive as well. ONLY YOU CAN DO IT
@angeladesign737
@angeladesign737 3 года назад
That's a great topic for a future video, thank you! I don't have a carousel tutorial yet, but I have this video that shows how to create an image gallery. It might help: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-2gLl2ZwJHHY.html
@anwarshadaab
@anwarshadaab 3 года назад
Alright I will watch this video. But also I will be waiting for your new video - how to handle bootstrap carousel in a smart and clean way. ❤️
@dcasuto
@dcasuto 2 года назад
Thank you. However, why is my After Delay button grayed out?
@manikantamatta8452
@manikantamatta8452 3 года назад
Good video can you make a on accordion using HTML and CSS it would help me a lot
@angeladesign737
@angeladesign737 3 года назад
Great suggestion, thanks!
@Nonob02
@Nonob02 2 года назад
Ive been trying to connect frame by doing the "after delay" animation but I never could for some reason figma alway "gray" this option. How to solve that?
@guerrill
@guerrill 2 года назад
After delay only can be applied to top level frame. You're certainly trying to apply in a object or sub frame, it doesn't work, you'll need to move the object to a new top level frame
@jonnylaris
@jonnylaris 2 года назад
Good video but could have been 30 seconds instead of 6 minutes...
Далее
Basics of Scroll/ carousel interaction in Figma
12:10
Просмотров 220 тыс.
My Puzzle Robot is 200x Faster Than a Human
21:21
Просмотров 3,3 млн
🎙️А не СПЕТЬ ли мне ПЕСНЮ?
3:12:39
The Secret Trick For Amazing Animations in Figma
6:45
Figma tutorial: Interactive components
8:45
Просмотров 531 тыс.
world's shortest Figma course
6:54
Просмотров 253 тыс.
Figma Auto Layout | Getting Started with Auto Layout
13:16
$1 vs $100,000 Slow Motion Camera!
0:44
Просмотров 19 млн