Тёмный
No video :(

Design Animated Logo Splash Screen in Figma 

Average Design Dude
Подписаться 1,9 тыс.
Просмотров 67 тыс.
50% 1

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

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

 

15 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@creatorsmafia
@creatorsmafia Год назад
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.
@AverageDesignDude
@AverageDesignDude Год назад
Thank you for your support.
@wtech16
@wtech16 6 месяцев назад
Can you provide the logo that you use in this video..
@sanjanah7685
@sanjanah7685 Месяц назад
Thanks!! This was really helpful!
@JKxox0
@JKxox0 Год назад
Amazing tutorial, you explain things in just the right way. I'll go and watch your other design videos now :D
@TemitopeOni-wx4yb
@TemitopeOni-wx4yb 2 месяца назад
This was so easy to replicate. Amazing tutorial
@AverageDesignDude
@AverageDesignDude 2 месяца назад
Glad you think so!
@j_tapia
@j_tapia Месяц назад
Awesome!!! Thanks!!!
@fabrice_official
@fabrice_official 2 месяца назад
absolutely amazing it works for the 1st try bro much respect to you i love this for sure 😎😎😎😎😎😎
@AverageDesignDude
@AverageDesignDude 2 месяца назад
Glad I could help
@Sanskruti_36
@Sanskruti_36 Месяц назад
This really helped me a lot thank you for this ❤
@UdeozorAlexander-ml4hn
@UdeozorAlexander-ml4hn 10 месяцев назад
Thank you very much Amazing tutorial
@MiyamatoMushashi
@MiyamatoMushashi Год назад
Thank you so much for this Explanation.
@AverageDesignDude
@AverageDesignDude Год назад
Glad it was helpful!
@meandmydodge
@meandmydodge Год назад
simple and straight to the point ... deserved to be subscribed and like .... Done :)
@AverageDesignDude
@AverageDesignDude Год назад
Thanks so much, you made my day.
@meandmydodge
@meandmydodge Год назад
@@AverageDesignDude Thanks to you Bro for knowledgeable content in simple way.
@shibinmathew9498
@shibinmathew9498 Год назад
superb ... expecting more videos like this
@AverageDesignDude
@AverageDesignDude Год назад
Thank you for your appreciation. 😊
@ukutanner
@ukutanner 8 месяцев назад
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?
@AverageDesignDude
@AverageDesignDude 3 месяца назад
There are some plugins you can look at for exporting into mp4 and Gif.
@aaftabkhan1051
@aaftabkhan1051 8 месяцев назад
Quality content, really helpful.
@AverageDesignDude
@AverageDesignDude 3 месяца назад
Glad it was helpful!
@offshare2033
@offshare2033 9 месяцев назад
Thanks. It is very good.
@KT-User
@KT-User 10 месяцев назад
superb
@khangtranngo7847
@khangtranngo7847 11 месяцев назад
Very nice, tks bro!
@olumideabioye6550
@olumideabioye6550 3 месяца назад
God bless you
@axellemuel9000
@axellemuel9000 2 месяца назад
RESPECT & THANK YOU SO MUCH MY BROTHER! JESUS BLESS YOU!
@nikhilshah1702
@nikhilshah1702 Год назад
amazing explaination ...🔥🔥
@AverageDesignDude
@AverageDesignDude Год назад
Glad you liked it
@vlogeening8545
@vlogeening8545 Год назад
I love it. Thunkyy
@AverageDesignDude
@AverageDesignDude Год назад
Happy to help.
@sammdesigns
@sammdesigns Год назад
Good work buddy!
@AverageDesignDude
@AverageDesignDude Год назад
Thank you! Cheers!
@Kanak_Bodkhe
@Kanak_Bodkhe Год назад
wow, cool animation :D i tried it,
@AverageDesignDude
@AverageDesignDude Год назад
Awesome, happy to help.
@francescod3338
@francescod3338 11 месяцев назад
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?
@isaeliana9980
@isaeliana9980 Год назад
Obrigada! 💛
@AverageDesignDude
@AverageDesignDude Год назад
Thank you!
@pasindurasanjaya1746
@pasindurasanjaya1746 5 месяцев назад
@keerthana4386
@keerthana4386 15 дней назад
i want the logo png
@abinyewariso6515
@abinyewariso6515 10 месяцев назад
What’s the Color combination for the circle bro
@AverageDesignDude
@AverageDesignDude 3 месяца назад
Sorry for the delayed response I was away due to personal emergency. I will have a look and let you know.
@meinathanmei1510
@meinathanmei1510 11 месяцев назад
The 4th frame logo and company name how to merge.
@AverageDesignDude
@AverageDesignDude 3 месяца назад
Sorry for the delayed response I was away due to personal emergency. I am not sure I follow what you mean buddy.
@purrfect_kitty_hub
@purrfect_kitty_hub Год назад
thank you for this , i recreated for my project but I need to turn this to a GIF, any idea? thank you
@AverageDesignDude
@AverageDesignDude Год назад
You can do it using any third party gif creating software... I use Giffy for mac.If you are windows just google it.
@jackslifestyle4884
@jackslifestyle4884 Месяц назад
you got any solution bro for gif and my team developer is asking for json file what should I do any idea
@westfield90
@westfield90 5 месяцев назад
Do you need the pro version to be able to do this?
@AverageDesignDude
@AverageDesignDude 3 месяца назад
Sorry for the delayed response I was away due to personal emergency. No you don’t need pro version for this.
@faizankhan4711
@faizankhan4711 7 месяцев назад
Amazing work!! hey can i get this figma file?
@AverageDesignDude
@AverageDesignDude 3 месяца назад
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.
@a.k.asodariya_0185
@a.k.asodariya_0185 4 месяца назад
how to link vector and text into one frame?
@AverageDesignDude
@AverageDesignDude 3 месяца назад
Just select them together and right click and select Frame selection.
@ltewireless7515
@ltewireless7515 4 месяца назад
I need to get an animated splash screen done. Contact me if you have time to do it.
@AverageDesignDude
@AverageDesignDude 3 месяца назад
Sorry buddy I am currently not available for new projects. Already quite busy with a few contracts up-till October 2024.
@user-ic7xs9vh7i
@user-ic7xs9vh7i Год назад
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
@AverageDesignDude
@AverageDesignDude Год назад
Sure, Give me a few days, I will add the Figma file link in the description of the this video.
@ketanitemmaniezz
@ketanitemmaniezz Год назад
@@AverageDesignDude sir, i'm wait for your link too
@AverageDesignDude
@AverageDesignDude Год назад
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
@PiyushKumar-ey8ub
@PiyushKumar-ey8ub 3 месяца назад
how to use this animation in andorid studio?
@AverageDesignDude
@AverageDesignDude 3 месяца назад
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.
@PiyushKumar-ey8ub
@PiyushKumar-ey8ub 3 месяца назад
@@AverageDesignDude Thank you for replying me ... i Used this animation .. this is awsome .. keep it up broooo....
@jackslifestyle4884
@jackslifestyle4884 Месяц назад
@@PiyushKumar-ey8ub hi can you able to export to the lottie files I cant able to do this can you help me
@PiyushKumar-ey8ub
@PiyushKumar-ey8ub Месяц назад
@@jackslifestyle4884 ok how can i share you ?
@user-ln2wz2tk7t
@user-ln2wz2tk7t 10 месяцев назад
how to export it as json file?
@AverageDesignDude
@AverageDesignDude 3 месяца назад
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.
@jackslifestyle4884
@jackslifestyle4884 Месяц назад
@@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
@bhargav1894
@bhargav1894 11 дней назад
Hey bhai the quality of splash screen is too much down
@PiyushKumar-ey8ub
@PiyushKumar-ey8ub 3 месяца назад
figma file?
@AverageDesignDude
@AverageDesignDude 3 месяца назад
This Figma file is not available. I want to teach people to do this stuff themselves rather than just use a prebuilt file.
@PiyushKumar-ey8ub
@PiyushKumar-ey8ub Месяц назад
@@AverageDesignDude i already make this bro . Thanks for replying me
Далее
How to create Splash screen animation in Figma
3:51
Sevinch Ismoilova - Xayollarim 18-Avgust 19:00 Premera
00:19
Splash Screen Animation in 6 Minutes (Figma Tutorial)
6:52
Easy Simple Splash Screen Animation in Figma🔥
4:33
Просмотров 1,9 тыс.
5 Easy Animations in Figma - Smart Animate
5:09
Просмотров 236 тыс.
Animate Text in Figma Like a Pro | Figma Tutorial
5:42
60-30-10 Color Rule
6:18
Просмотров 1,9 млн
Creating Lottie animations in Figma
6:45
Просмотров 35 тыс.
LOGO DESIGN AND ANIMATION [Figma]
12:37
Просмотров 225 тыс.