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
For this project, I used Google Stitch in a slightly different way than just generating screens.
I started by using Stitch to create a comprehensive design.md, establish the visual direction, and generate the core design system for Life.exe — a retro-futuristic personal operating system where tasks become quests, goals become boss battles, and habits earn XP.
Once the design foundation was in place, I used MCP with Antigravity to turn those designs into a working MVP, connecting flows, implementing functionality, and bringing the product to life beyond static screens.
The prototype includes:
• Dashboard
• Quests & Projects
• Skill Trees
• Habit Tracking
• Goal Progression
• AI Companion
• Finance & Wellness
• Achievements
• Inventory
• Focus Mode
• Settings & Profile
Finally, I deployed the MVP on Netlify so it could be tested as a real product experience rather than just a design prototype.
What I enjoyed most was the workflow itself. Stitch helped establish the product vision, design language, components, and UX patterns quickly, while Antigravity handled much of the implementation work. Instead of starting from a blank canvas, I was able to move from idea → design system → MVP → deployment in a fraction of the usual time.
The result feels less like an AI-generated project and more like a product that was designed, built, and shipped with AI as a collaborative tool throughout the process.
Prototype Preview → https://my-life0s.netlify.app/
Stitch Link→ https://stitch.withgoogle.com/projects/14677462760370509099
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
I joined the Google Stitch Challenge on Contra and built a comprehensive Driver Service MVP concept. 🚀
The idea started simple: What if an app didn’t just list tasks, but felt like an intuitive, real-time control center for a driver's entire shift?
Using Google Stitch as a design partner, I mapped out a complete visual system and built-out a structured flow including:
Kinetic Utility System: Setting up the core typography, component library, and color palette.
Driver Portal & Authentication: A seamless login and onboarding interface.
Live Job Dashboards: Interactive screens tracking available jobs, estimated earnings, and immediate "Accept Job" actions.
Active Mission Tracking: Real-time route mapping, turn-by-turn navigation, and customer details.
Earnings & Driver Profiles: Clear breakdowns of weekly metrics, historic data, and vehicle documentation management.
Getting the exact hierarchy, grid spacing, and multi-screen visual flow right took some iterating, but that’s where the tool shined. It allowed me to explore layouts quickly without losing my personal design taste.
If I get more time, I'd love to scale this further with micro-interactions, custom map elements, and dark-mode states.
Built for the Google Stitch Challenge on Contra.
Nice One..Best of Luck for the challenge!
Built CreatorFlow — an AI-powered workspace for content creators to plan, produce, and manage campaigns from a single dashboard.
Using Google Stitch, I went from concept to interactive interface in minutes, leveraging AI-powered generation and iterative refinement to build:
✨ AI Idea Generator
📅 Content Planner
🎬 Video Production Workspace
📊 Performance Analytics Dashboard
What impressed me most was how quickly I could explore multiple UI directions, refine layouts in-place, and evolve the product through AI-assisted iterations without leaving the canvas.
This project showcases how AI can accelerate the journey from idea to polished product while keeping creativity at the center of the process.
Built with Google Stitch for the Contra x Google Stitch Challenge.
@stitchbygoogle #GoogleStitch #Contra #UIDesign #ProductDesign #AI #SaaSDesign #WebDesign #AIDesign #DesignWorkflow
Your dedication to quality really shines through! Top-of-the-line work. 🏅🚀
✨ Aetheria — Luxury Editorial Fashion Experience
For this challenge, I wanted to explore how AI-assisted design tools can help create premium digital experiences that feel elegant, immersive, and emotionally engaging.
Aetheria is a luxury fashion and editorial-inspired e-commerce concept built around the idea of fluidity, craftsmanship, and visual storytelling. Rather than creating a traditional online store, I focused on designing an experience that feels closer to browsing a high-end fashion publication.
The experience includes:
• Editorial-style landing page
• Curated collection showcases
• Immersive product storytelling
• Luxury product detail pages
• Soft visual hierarchy and refined interactions
• Multi-page navigation flow
My goal was to create an interface where the products, imagery, and typography work together to communicate the feeling of a premium fashion brand.
⚡ Workflow with Google Stitch
Google Stitch played a central role in the design process.
I started by gathering inspiration and defining the visual direction for the brand. Using prompts inside Stitch, I generated the initial interface structure and explored multiple layout variations. The ability to quickly iterate on sections, refine content blocks, and experiment with different compositions made it easy to move from concept to polished design.
I used Stitch to:
• Generate the initial interface layouts
• Explore design directions and visual hierarchy
• Refine sections through prompt-based iterations
• Create the foundation for both the landing page and product experience
• Rapidly prototype a complete multi-page fashion concept
🚀 From Stitch to Deployment
After finalizing the design in Stitch, I exported the project to Figma for additional refinement and design adjustments. From there, I recreated and enhanced the experience in Framer, adding responsive behavior, page connections, and final polish before deployment.
Tools Used:
• Google Stitch
• Figma
• Framer
🔥Google Stitch Workflow:
https://stitch.withgoogle.com/projects/5130864092960824634
🚀 Live Project:
https://aetheria-shop.framer.website/
This project was an exploration of how AI-assisted workflows can accelerate premium interface design while still allowing room for creative direction, refinement, and craftsmanship.
#stitchchallenge #GoogleStitch #UIDesign #WebDesign #Framer #Figma #FashionDesign #LuxuryBranding #CreativeTechnology
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?