Animate a section in figma

For this project, my aim was to learn how to utilize animations and prototypes within Figma. I drew inspiration from @zanderwhitehurst's post, "Animating media cards in @figma" via @memorisely.

I recreated Zander's animated media card and then decided to take it further by animating a "seasonal" section for my favorite local ice cream shop, Stella Jean's.

The animations included:

• Enlarging each ice cream image by 1.1 to maintain a clean and consistent design.

• Slightly increasing the exposure of each ice cream image to create a subtle yet charming animation without compromising the integrity of the high-quality images.

While I encountered challenges in aligning the ice cream images and titles, I successfully resolved them.

Now, the burning question: would you try Burnt Honey + Goat Cheese Ice Cream?

Figma file

View all tags
Posted on Mar 20, 2024

More by Steven Watkins

View profile