UI/UX Prototyping and Animation in Figma (Challenge)

bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off)
bit.ly/3yIAglK 👈 Watch the full UI/UX playlist.
-- Today, we're covering several different animation/prototyping flows based on a previous layout. Then, we're introducing yet another challenge where you animate/prototype a different hero section.
IMPORTANT: Make sure to submit your challenge by 1PM EST today (6/20/24) for a chance at being reviewed. I can't guarantee I will review all submissions, I just don't have enough time! Try to be early.
The Figma Community File (Open this to access the design):
www.figma.com/...
SUBMISSION Instructions:
1. Open the Figma community file above.
2. Watch the entire video.
3. Open the "Lesson 7 - Interactions / Animations Challenge" page and complete the design based on the requirements outlined in this video.
4. In Figma, click "Share" and click "Copy link".
5. Visit x.com and paste the link into a new comment, and share it with the hashtag #30daysuiux -- Also, mention me / follow me if you wish: x.com/designco...
That's it! One entry per person.
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesi...
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

Another day, another challenge! Be sure to check the description for submission instructions. Watch the full 30 days UI/UX playlist from the beginning here: bit.ly/3yIAglK

[@lauramarketing274]

nice video, but I didn't catch the last animation.

[@irynalototskyy5275]

Me neither. I think I'm missing a part of the preparation. My prototype is exactly the same, but it doesn't move.

[@Lily-q4p2e]

me too! Do you happen to know what the problem is? I try a lot but it doesn't move

[@TechBee101]

Same here, tried exactly the same, but it never moves

[@DinoHeljo]

You're my motivation Gary! Thanks for everything 🎉

[@chrisowemz]

Awesome Gary!. Finally I learnt how to do the infinite logo scroll

[@mohiuddinshihab2199]

Hey I'm facing a problem, whenever I prototype and preview it, the animation isn't play properly and the screen start shivering what's the problem here?

[@TechBee101]

The last animation is not working for me, followed every steps carefully, but mine doesn't move.

[@nafisahkamis8885]

Great. I would like to ask. How to good UI/UX to handle table form .especially how to handle large table (especially long horizontal data ) without make to much horizontal scrollable.

[@DaniAlshmmas]

Hope u get mine today😂

[@svenvrgoc9528]

love you brother gary

[@fabledankit]

okkk, let's do this.

[@GoddessofWarr]

Nice t-shirt

[@Zoe_Cyber]

You are really good, hope to design better than you if that is okay😂

[@DesignCourse]

It's certainly okay, BRING IT!

[@AdedayoKing]

@@DesignCourse you are not just a teacher but a mentor..

[@Zoe_Cyber]

​@@DesignCourse I had to quickly wrap up due to the fact that my laptop was critically low😢. I didn't get to finish the footer marquee. But I hope it is okay. Please check it out