Design Animated Logo Splash Screen in Figma
ฝัง
- เผยแพร่เมื่อ 26 ก.ค. 2024
- Create this Animated Logo Splash screen in Figma. Step by step process of designing the logo and then adding the interactions in the prototyping. You can add this animation in your portfolio to impress your viewers. This demonstrates a good knowledge of UI design and concepts of smart animation, prototyping, interaction design and motion design.
Topics of discussion in video:
Intro: 00:00:00
Setup Frame 1: 00:00:14
Setup mask to give depth effect: 00:00:43
Setup Frame 2: 00:01:57
Setup Frame 3: 00:02:27
Setup Frame 4: 00:02:42
Setup Frame 5: 00:03:53
Add Animations: 00:04:2
Want to learn more about Figma? Subscribe to my channel.
/ @averagedesigndude
Learn more tips and tricks on Figma on my Instagram channel below
/ averagedesigndude
Amazing tutorial, you explain things in just the right way. I'll go and watch your other design videos now :D
Thank you very much
Amazing tutorial
superb
Awesome!!! Thanks!!!
This tutorial on creating an animated logo splash screen in Figma was incredibly helpful! The step-by-step instructions were clear and easy to follow.
Thank you for your support.
Can you provide the logo that you use in this video..
Thanks!! This was really helpful!
Very nice, tks bro!
Thanks. It is very good.
This really helped me a lot thank you for this ❤
Thank you so much for this Explanation.
Glad it was helpful!
superb ... expecting more videos like this
Thank you for your appreciation. 😊
I love it. Thunkyy
Happy to help.
Obrigada! 💛
Thank you!
simple and straight to the point ... deserved to be subscribed and like .... Done :)
Thanks so much, you made my day.
@@AverageDesignDude Thanks to you Bro for knowledgeable content in simple way.
This was so easy to replicate. Amazing tutorial
Glad you think so!
Quality content, really helpful.
Glad it was helpful!
God bless you
absolutely amazing
it works for the 1st try
bro much respect to you i love this for sure
😎😎😎😎😎😎
Glad I could help
amazing explaination ...🔥🔥
Glad you liked it
Good work buddy!
Thank you! Cheers!
❤
wow, cool animation :D i tried it,
Awesome, happy to help.
Hi, nice tutorial. I'm new with Figma.
I've made the component and I tried to import it into Android. But I got a warning like "could not convert type Union".
The import doesn't fail, but the UI Package it is not imported. What should I do?
Thanks for the detailed tutorial. I am new to Figma. The main question here is how I can download it to my desktop as a GIF or mp4?
There are some plugins you can look at for exporting into mp4 and Gif.
RESPECT & THANK YOU SO MUCH MY BROTHER! JESUS BLESS YOU!
thank you for this , i recreated for my project but I need to turn this to a GIF, any idea? thank you
You can do it using any third party gif creating software... I use Giffy for mac.If you are windows just google it.
you got any solution bro for gif and my team developer is asking for json file what should I do any idea
Amazing work!!
hey can i get this figma file?
Sorry for the delayed response I was away due to personal emergency.
This file is not available for sharing just for the purpose of allowing people to try themselves. Otherwise people just use the file and don’t learn.
What’s the Color combination for the circle bro
Sorry for the delayed response I was away due to personal emergency.
I will have a look and let you know.
The 4th frame logo and company name how to merge.
Sorry for the delayed response I was away due to personal emergency.
I am not sure I follow what you mean buddy.
Do you need the pro version to be able to do this?
Sorry for the delayed response I was away due to personal emergency.
No you don’t need pro version for this.
how to link vector and text into one frame?
Just select them together and right click and select Frame selection.
sir i am doing a project on figma this template is very nice can you share this template sir i will be useful for my project
Sure, Give me a few days, I will add the Figma file link in the description of the this video.
@@AverageDesignDude sir, i'm wait for your link too
Here is the link for editable file: www.figma.com/file/WKkMLKpeJoTaLfspb3XVy0/Animated-Splash-Screen-(Copy)?type=design&node-id=0%3A1&mode=design&t=xMmsozNVsFlT42bm-1
I need to get an animated splash screen done. Contact me if you have time to do it.
Sorry buddy I am currently not available for new projects. Already quite busy with a few contracts up-till October 2024.
how to export it as json file?
Sorry for the delayed response I was away due to personal emergency.
You can do this using plugin called lottie files in figma. I plan on doing a complete video about this too soon on my channel.
@@AverageDesignDude kindly do that video asap i need it right now and when I am try to export this animation using lottie files I cant able to do this
how to use this animation in andorid studio?
Sorry for the delayed response I was away due to personal emergency.
You can try using Lottie Files plugin to export this in JSON and use in Android Studio.
@@AverageDesignDude Thank you for replying me ...
i Used this animation .. this is awsome .. keep it up broooo....
@@PiyushKumar-ey8ub hi can you able to export to the lottie files I cant able to do this can you help me
@@jackslifestyle4884 ok how can i share you ?
figma file?
This Figma file is not available. I want to teach people to do this stuff themselves rather than just use a prebuilt file.
@@AverageDesignDude i already make this bro . Thanks for replying me