I recorded a quick tutorial showing how I animated a simple checkmark icon using Figma Motion. At...I recorded a quick tutorial showing how I animated a simple checkmark icon using Figma Motion. At...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Oseh's avatar
Oseh Favour
• Sep 4
I recorded a quick tutorial showing how I animated a simple checkmark icon using Figma Motion.
At first, it looks like a very simple animation, but small interactions like this can make a UI feel much more polished and satisfying.
In the tutorial, I walk through how I:
Created the checkmark icon
Set up the layers for animation
Added the motion
Controlled the timing and movement
Adjusted the animation to make it feel smoother
Previewed the final interaction
The goal is to show that you don't always need complicated animations to make a design feel better.
Sometimes, a small checkmark animation after completing an action is enough to give users clear feedback and make the experience feel more interactive.
I’m sharing the process so other designers can follow along and try it themselves.
Tool: Figma Motion Focus: UI Animation & Micro-interactions
If you're a designer exploring motion in Figma, I hope this tutorial helps you experiment with your own UI animations.
FigmafigmamotionanimationAnimationMotion DesignUI Design
Oseh's avatar
Oseh Favour
• Sep 4
Animation timeline
Post image
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started