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
This feels like one of the most practical AI use cases for designers.
Saw this workflow from MDS and thought it was worth sharing.
Are you using Figma Agent Mode yet?
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
Related posts
Still can't believe this is fully native.
With the Framer 3.0 update I rebuilt this viral landing page using Opus 4.8. The result is insane.
Edit every layer on the canvas or just ask Claude
Check it live https://lumio.framer.media/
How would you compare this to a website built using only claude code and pulling from something from say, the Figma MCP?
Family Yoga Studio — Hero Section Design
A landing page concept designed for a family-focused yoga studio. The goal was to create a calm, welcoming first impression while maintaining a clear visual hierarchy and intuitive user experience.
Goal
Design a hero section that communicates the studio's atmosphere, establishes trust, and encourages visitors to take action without overwhelming them with information.
Design Approach
• Clean and minimal layout focused on readability and clarity
• Strong visual hierarchy that guides attention from the headline to the primary call-to-action
• Custom image masking and typography to create a distinctive brand presence
• Carefully balanced supporting visuals that reinforce the message without competing for attention
Outcome
The result is a modern, aesthetically balanced hero section that highlights the studio's identity while making it easy for potential clients to explore classes and get in touch.
Tools
Figma
Keywords
#WebDesign #UIUXDesign #LandingPage #HeroSection #WellnessDesign #YogaStudio #MinimalDesign #Figma #ProductDesign
What I find interesting about hero sections is that users decide within seconds whether a product feels right for them.
Creating a sense of trust, clarity, and calm while still encouraging action is much harder than it looks. Nicely thought through 👏
Fluxo | Personal Finance Dashboard 💵
Finance apps are one of the hardest UX challenges in product design.
It's working with stress, numbers, and decisions people actively avoid making. The design has to build trust — creating an app where users feel comfortable enough to hand over their most sensitive numbers.
What I look for in a well-designed money dashboard:
Clarity over completeness — show the 3 numbers that matter, not all 47 Visual hierarchy that guides — your eye should land on the most important data first Emotional tone — dark, clean, premium = I trust this with my money Micro-context — not just €5,210 spent, but -3% vs May tells a story
This Fluxo concept gets a lot right. Cash flow visualization, spending donut, saving goal progress — all scannable in under 5 seconds.
Yes, it's just a concept. But it's built on real interaction logic between a user and a product.
What types of financial products have you worked with? 💰
#FinTech #UXDesign #ProductDesign #UIInspiration #DashboardDesign
Great breakdown. "Clarity over completeness" is the golden rule for dashboards. The high-level metric cards and subtle data comparisons make the interface feel alive and actionable, rather than just a wall of numbers. Looks incredibly clean!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?