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
Had a great time exploring what Google Stitch
For this project, I picked Duolingo as my inspiration and challenged myself to go beyond recreating a landing page. I wanted to see if Stitch could help me break down an existing product, understand its visual language, and turn it into both an interactive experience and a reusable design system.
I started by studying Duolingo's branding, colors, typography, illustrations, and interaction patterns. After gathering references, I prepared assets for animations and planned out the sections I wanted to build before moving everything into Stitch.
From there, Stitch became the center of the workflow.
Using detailed prompts, I generated the initial layouts and refined them through multiple iterations. Being able to quickly regenerate sections, adjust layouts, and experiment with different directions made the process feel much more fluid than a traditional design workflow.
The final result consists of two connected projects:
>An animated Duolingo-inspired landing page with motion-rich sections and interactive elements.
>A complete design system and brand kit containing colors, typography, buttons, components, progress indicators, and reusable UI patterns.
Features I used during the project:
• Prompt-based UI generation
• Rapid design iteration and refinement
• Motion-rich interface design
• Design system creation
• Netlify export and deployment
Feedback on Stitch:
What impressed me most was how quickly Stitch helped me move from an idea to a polished interface. Instead of spending hours building layouts from scratch, I could focus on exploring ideas and improving the experience. The iteration speed made experimentation feel natural, and it was easy to test multiple directions before settling on the final design.
The Netlify export workflow was also surprisingly smooth, making it simple to turn the project into a live experience.
If there's one thing I'd love to see in future updates, it would be more granular control over interactions and animations directly inside the editor. That would make the jump from concept to production-ready experience even faster.
Overall, Stitch felt less like a tool for generating screens and more like a collaborative design workspace that accelerated the entire creative process.
@stitchbygoogle
#GoogleStitch #UIDesign #DesignSystems #WebDesign #BuildWithAI
Nice approach. Reverse engineering a product's visual language and turning it into a design system feels more valuable than simply recreating the UI.
I've been experimenting with a different concept:
https://on.contra.com/pnfJBQ
Happy to swap feedback if you're open to it.
on.contra.com
Introducing Voya: Revolutionize Your Travel Planning Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
Super clean, super sharp, super well done.
You didn't just understand the assignment, you rewrote it! Brilliant job.
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
We are LIVE with the Stitch Challenge!
$10k prize pool 💰 Unlimited possibilities 🚀
Everything you need to start creating is here -- we can't wait to see what you make!
Remember - all valid submissions must include:
- Link to your project or prototype
- Short written description of what you built
- Screenshots or screen recording of the experience
- Brief explanation of how you used Stitch
- Feedback on your experience using the platform
Beautiful 😍
Most AI projects today focus on speed, automation, or productivity.
I wanted to explore something different: What if AI could help organize emotional overwhelm instead of just optimizing workflows?
So for this design sprint, I built QuietSpace — an AI-powered emotional organization platform designed to help people untangle stress, burnout, mental overload, and emotional noise through reflective AI.
The idea wasn’t to create another therapy app or productivity dashboard.
I wanted the experience to feel: calm, humane, emotionally intelligent, and genuinely helpful.
The entire interface was built around a BentoGrid system with ambient interactions, soft motion, and emotionally-aware UI patterns. I also pushed Stitch to its limits by experimenting with exported design systems, custom structures, connected flows, and layered interaction logic to shape the final experience.
This project heavily utilized Stitch’s newer prototyping and system-based workflow features to rapidly build and refine the experience.
Some of the screens include: • Thought Dump • AI Categorization • Pattern Recognition • Micro Recovery • Emotional Dashboard Systems
One thing I’ve been trying to focus on lately is building concepts that don’t just look visually polished, but also solve real human problems or create awareness around experiences people quietly deal with every day.
This project became a blend of: AI × emotional UX × systems thinking × interface storytelling.
This project became an exploration of how AI interfaces can feel emotionally supportive instead of emotionally exhausting.
Live Site - https://dbcf658a-quietspace-emotional-intelligence-system.netlify.app/
This is actually amazing!
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.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?