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
I did not manually revise every screen after generation.
For the #GoogleStitchChallenge, I wanted to test Google Stitch as part of a real creative and product workflow, not just as a screen generator. I connected Google Stitch through MCP with Codex and gave it one CivicMesh product brief plus a reusable iteration framework.
CivicMesh, a flood response coordination platform for Jakarta connecting residents, volunteers, shelter managers, and city coordinators.
In about 22 minutes, the workflow moved from idea -> thesis -> V1 product architecture -> design evaluation -> visual directions -> final context-specific screens.
The best part: the design critique became part of the workflow. Stitch helped surface what worked, what was missing, and what needed to change for real-world contexts like weak connectivity, elderly accessibility, field volunteers, shelters, and night operations.
Stitch turned one brief into an adaptive civic design system.
Stitch made UI design feel like conversation: initial prompt, generate, evaluate, redirect, refine ✨🖌️
Looking at the final design after Stitch’s own iteration loop: amazed, amazed, amazed ✨
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
Bringing ideas to life faster with Google Stitch ✨
For this challenge, I explored how Stitch can transform a simple concept into a fully interactive creative experience using AI-powered workflows.
The project started with just two things:
📄 a custom design.md creative direction file
🖼️ a logo image for the project identity
Using Stitch’s new capabilities, the entire website was generated directly inside the canvas through streaming generations — turning concepts into a live experience in real time.
But it didn’t stop at generation.
I continued refining the project using:
⏩ prompt-based in-place AI editing
🖱️ point-and-click interactions directly inside Stitch
🎥 native motion, animation, shaders, and hover states on HTML canvas
🚀 one-click export support directly to Netlify
What makes this even more impressive is how Stitch combines the workflow of 4–5 different creative applications into one single platform — generation, editing, interaction design, motion, prototyping, and deployment all inside one experience.
From concept → iteration → interaction → deployment, the entire workflow stayed inside Stitch.
This experience shows how AI can dramatically speed up creative production while still allowing full artistic control and experimentation.
link for the project:
Live Website :Website
Google Stitch Workflow :Google Stitch
This is impressive and incredible
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?