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
ā¢ 20h
Day 18 of building Flow ā my UI/UX design project š
Not every day is super productive, and today was one of those days š
I spent most of my time wireframing the agreement creation flow, exploring different ideas, and working on a few screens.
Slow progress is still progress. Back at it tomorrow.
Follow the project: https://www.figma.com/design/a9BOd8eltqp038l6LkToHb/Flow---Fintech-App?node-id=394-2459&t=8VLXpCbYSlSdCzDF-1
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic š
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Weāre excited to share a new brand identity we created for a perfume brand āØ
From the logo and bottle visuals to business cards, letterhead, perfume bags, and custom packaging - we crafted a cohesive identity designed to feel elegant, distinctive, and memorable.
Another project weāre proud to bring to life.
Super clean and subtle but still has a lot of personality!
Animated UI Components: Figma + Figma Motion
I designed and animated a set of UI components in Figma using Figma Motion.
The goal was simple: make everyday interface interactions feel more natural, responsive, and enjoyable.
What I worked on
I started by designing the components with a focus on:
Clear visual hierarchy
Consistent spacing
Reusable components
Clean typography
Proper interaction states
A consistent visual language
After creating the components, I used Figma Motion to bring them to life.
Why motion?
Good UI shouldnāt only look good when itās static.
The way an element appears, changes, responds, or moves can make an interface feel much easier to understand.
For the animations, I focused on keeping the movement:
Smooth
Simple
Purposeful
Fast enough to feel responsive
Subtle enough not to distract
The goal wasnāt to add animation just for decoration.
Each transition was designed to give the user feedback and make the interaction feel more connected.
My process
1. Design the component
I first created the UI component and made sure the structure, spacing, typography, and visual states were consistent.
2. Define the interaction
I considered what should happen when the user interacts with the componentāhow it should appear, change, or respond.
3. Add motion
I then used Figma Motion to create the transitions and refine the timing and movement.
4. Refine
I adjusted the animation until it felt natural and balanced with the rest of the interface.
The result
The final components combine UI design and motion design to create interactions that feel more polished and intentional.
This project was also a good reminder that small interactions can have a big impact on how a product feels.
Designed in Figma.
Animated with Figma Motion.
Clean workš„
Your brand is being judged before anyone reads a single word.
A strong visual identity creates recognition, builds credibility, and communicates value before you ever say a thing.
I donāt design logos just to make brands look good.
I build visual identities that position businesses, create distinction, and make brands impossible to confuse with everyone else.
A few identities Iāve worked on this year.
If youāre serious about building a brand that looks as valuable as the business behind it, letās talk.
ā Available for select branding projects.
Good work!!
