Design Animated Logo Splash Screen in Figma

preview_player
Показать описание
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.

Learn more tips and tricks on Figma on my Instagram channel below
Рекомендации по теме
Комментарии
Автор

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.

creatorsmafia
Автор

absolutely amazing
it works for the 1st try
bro much respect to you i love this for sure
😎😎😎😎😎😎

fabrice_official
Автор

This was so easy to replicate. Amazing tutorial

TemitopeOni-wxyb
Автор

This really helped me a lot thank you for this ❤

Sanskruti_
Автор

Amazing tutorial, you explain things in just the right way. I'll go and watch your other design videos now :D

JKxox
Автор

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?

ukutanner
Автор

superb ... expecting more videos like this

shibinmathew
Автор

RESPECT & THANK YOU SO MUCH MY BROTHER! JESUS BLESS YOU!

axellemuel
Автор

Thank you so much for this Explanation.

MiyamatoMushashi
Автор

simple and straight to the point ... deserved to be subscribed and like .... Done :)

meandmydodge
Автор

wow, cool animation :D i tried it, <3

Kanak_Bodkhe
Автор

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?

francescod
Автор

What’s the Color combination for the circle bro

abinyewariso
Автор

The 4th frame logo and company name how to merge.

meinathanmei
Автор

thank you for this, i recreated for my project but I need to turn this to a GIF, any idea? thank you

purrfect_kitty_hub
Автор

Do you need the pro version to be able to do this?

westfield
Автор

how to link vector and text into one frame?

a.k.asodariya_
Автор

Hey bhai the quality of splash screen is too much down

bhargav
Автор

Amazing work!!

hey can i get this figma file?

faizankhan
Автор

how to use this animation in andorid studio?

PiyushKumar-eyub