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. https://youtube.com/@AverageDesignDude Learn more tips and tricks on Figma on my Instagram channel below https://www.instagram.com/averagedesigndude/

Figma Design System + Screens using Claude Code - FULL COURSE
168 views

Figma Slots Full Tutorial (Game Changing Feature)
3.9K views

Web Design Process you MUST learn!
498 views

Framer Fully Responsive Navbar (Only video you will ever need)
2.4K views

Perfect UI Colors Always
2.0K views

Framer vs Webflow vs Figma Sites - Which is the BEST Web Design Tool?
6.9K views