Splash Screen Animation in 6 Minutes (Figma Tutorial) 

Have you tried handing this to a developer yet? There are a few extra considerations when it comes to actually implementing these screens on iOS (and android), and you have to start on a static screen, then seamlessly pick it up once the app loads.

I've been following your tutorials for a while now... And I must say that you've got one of the best and well structured contents for UI/UX designers. Great tutorial once again!!!

The step-by-step explanation and clear demonstration make it easy to follow and understand the process.

Love these tutorials. As someone mentioned already, they’re really well explained. Keep it up 👍🏾

This a great tutorial, it's just straight to the point and easy to understand. I love it, thank you.

Hey, Just wanted to drop by and let y you know that your video was seriously awesome! I mean, it was really great! As a fellow backend developer, you totally inspired me to dive into the front end stuff. Your presentation was so engaging and it got me all fired up about exploring the world of front-end development. I just wanted to say thanks for sharing your expertise and for giving me that boost of inspiration. Keep up the amazing work, bro!

Very cool, I love it! Great job. Thanks for explaining so well. Subscribing!

This is amazing content, thanks for these tutorials Gabe. I guess I'm speaking for others too when I say we'd really love you to do a tutorial on after delay lol, that's one craft you've mastered and it'd be nice to share how you make use of speed and timings while animating ❤️

This is dope , basicly mastering after delay making endless animation possiblites !

This is my go-to channel for Figma! Incredible tutorials and tips. Thank you so much. When passing off animations to the devs, what steps should be taken?

I love your videos, i'm learning more about this. The prototype is a art

Thank you for that. My animation actually worksand looks insanely cool.

thanks for the tutorial, im waiting for the next content

Love your videos! ❤

Very useful and well explained, thanks!

Good keep make videos like this , i relly like this type of content ❤

wow smart, looks amazing

Just love all your amazing videos! The instructions are pretty clear and easy to follow step by step. Keep up the good work plz

Thank you. well explained.

Great and helpful video Tim! How would you export this for the developers to place it in app?

Well explained thank you.

Amazing as always! Can you do a video explaining the Custom spring feature and how it works? That's one of the animations that I never use because it's a little intimidating haha. Also, I always have this question about what happens if you don't set a starting Flow?

1. How much time it took you to become a good designer ? 2. what other applications you use for designing ?

Love the tutorial! Is there any advice on how to export the animation once its complete?

Loved you content, you have earned a new subscriber!

Thank you

Other than a great design, how can you use this in an actual app? I've created a loading icon and can't seem to export in a animated file.

we waiting for you ♡

Nicely explained! thanks. I'm not sure though, can such an animation be developed based on this? Or is it for prototyping purpose? how would you hand if off to developers?

The thing is, after this process, what is the best way to convert all of this to code? do you have a video about it? like, the entire process from design to code? which is the best way?

So good❤

how can I use this on web like is there any option to convert it to gif or what ?

all tools are free, right?

il use this as my homeworkd XD

very informative video 👍

you look like Bronn from Game of Thrones

my question is, how do you hand this off to developers?

Hi Tim, new subscriber here, thanks for the files in the description but, you could explain it in much more detail. For example, I had trouble following along in the frames part, how do you work around with frames, and is it important to convert them into frames or just the text elements would do? Like the text 'Splash' fading in from the left, how do i set the direction of fading elements. (left/right/top/bottom). I'll still look for more such videos in your channel playlists. So ignore this comment if you have already explained it at least once. I was trying to do something very similar but still struggled. We don't mind longer videos, especially someone like me who wants to learn from you. Keep the videos coming.

thanks

Hi What did you mean by the background rectangle and how its added?

Looks crazy cool! And how to use in in the app? Is that exportable along with animation?

Great content, thanks! The thing i don't understand is why instead of filling the frame with colour you use clip content, maybe i am missing some step 😢

wat is font

hey my animation isnt working like this can you help me out?

can such splash screens be used for websites?

hi great video but how can i turn this into a gif for multiple frames in a row ? looking forward to your response

If I make a prototype like that is it enough for the developer to make it? We use to share a video file with him, but this way could be much more easy.

Hello, how do you make the frames fade and then appear and do the animation the same with the text, the truth is I didn't fully understand it, I tried it in my figma but it didn't turn out as expected ;(

I can't seem to find the "After delay" and "Drag to" features in the prototype section after the new update. Have anyone faced this issue?

1000th like

Im very beginner...how did you put the fade in?

How he align the form automatically?

what is the hastag bg i dont get it I cant find it

how to fade it out?

why is it not moving to the next frame as it should...it does when i click tho

how the Splash text fades out?

hey! how you clipped that text in step-2

Hi Tim How can I contact you .. There is a small job 4u .i need your help