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
Hi! just call me Mahes. I’m graphic design based in Bandung, Indonesia.
Currently I’m available for commissions. Please kindly check my portfolio https://www.behance.net/gallery/249956889/Portfolio-Mahesa
Thank you!
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
Good Job
Had a fun weekend building Merisole ☀️
Designed with Google Stitch.
I'm a senior product designer working on e-commerce sites every day, so my real question going into this challenge was practical: how easily does Stitch slot into my actual workflow? Could I use it to spin up a polished, client-ready option in a single sitting or even take it all the way to a shippable site?
To test that, I asked AI to create a fictional footwear brand, Merisole, and treated it like a real client project from brief to launch.
How Stitch fit into the workflow
Before generating anything, I wrote a custom design.md. Type scale, color tokens, spacing rhythm, the editorial tone I wanted Merisole to carry and uploaded it into Stitch as a design system. That single step is what made the rest of the build feel coherent.
Every screen Stitch streamed onto the canvas already spoke the brand's language, so I wasn't fighting drift between sections. This is exactly the part of my normal e-com workflow that usually eats hours! Getting AI tools to respect a brand spec was something that Stitch handled cleanly.
By the way, the stream on canvas feature was one of the coolest interactions I've seen so far! It was like having a designer design on your screen remotely through AnyDesk!
From there I worked mostly through in-place AI edits: clicking a section, telling Stitch "to add it to another variation," or "add a hover animation on the cards," and getting changes in seconds. The streaming generations meant I was reacting to a real interface taking shape instead of waiting for a static result.
The motion work is where Stitch surprised me most. Native hover states, shader backgrounds, and scroll-linked animation. All authored inside the tool, no handoff to a separate motion app, no code wrestling. Then I exported the build out to Netlify in one step.
New features I leaned on
Custom design.md - design system applied across the whole project (kept every screen on-brand from the first generation)
Streaming generations to canvas (the whole first pass)
In-place AI edits via prompts + point-and-click (most of the polish phase)
Native motion, hover states, and shaders on HTML canvas
Netlify export (final deploy)
Feedback on the platform
Coming at this from a daily e-com design seat: Stitch genuinely shortens the distance between brief and client-ready.
The design.md - design system flow is the underrated hero, uploading a brand spec once and having Stitch honor it across every streamed generation is the closest I've felt to "AI that respects a brand."
The streaming canvas is amazing to say the least!
It collapses the "describe - wait - judge - re-prompt" loop into something closer to direct manipulation. In-place edits felt the most like real design work. I stopped writing long prompts and just pointed at things. Two things I'd love next: An option to tweak elements without having to prompt it. And a way to save in-place edit "recipes" so I can reapply a vibe across sections without re-describing it.
Stitch didn't feel like an AI tool I was wrangling. It felt like a canvas that happened to understand what I meant. Merisole came together in a single sitting because of that, and I'm walking away convinced Stitch has a real place in how I'll pitch and build e-commerce work going forward.
Check it out:
Live site (really fun to click around): https://merisole.netlify.app
Stitch project: https://stitch.withgoogle.com/projects/834230787052196219
Amazing!
Pulseroom — Designing a Social Space That Feels Alive
Built with Google Stitch
When I saw the challenge theme, "Build interfaces that feel alive," I knew I didn't want to create another dashboard, landing page, or e-commerce experience.
I wanted to explore something much more ambitious:
What if an interface behaved like a living organism?
What if emotions weren't hidden behind profile pictures and text posts, but became visible, interactive, and shared in real time?
That idea became Pulseroom.
Pulseroom is a motion-rich emotional ecosystem where users enter shared spaces, express how they feel, and collectively shape living generative worlds together. Instead of scrolling through content, people participate in environments that continuously evolve based on the emotional energy of everyone inside.
The entire experience is designed to blur the line between interface, artwork, and social connection.
What I Built
Pulseroom is a next-generation social experience built around emotional presence.
Users select a mood and immediately influence the visual atmosphere of the room. Every interaction becomes part of a living canvas powered by motion, shaders, AI-driven behaviors, and collaborative generative art.
Core experiences include:
• Live emotional rooms where user moods shape the environment
• Fluid generative art canvases that evolve continuously
• Aura, an AI companion that understands room energy and suggests environmental shifts
• AI-powered avatar generation designed around emotional identity
• Mood analytics and emotional history visualization
• Real-time Pulse interactions that create ripples across the entire room
• Dynamic room discovery based on emotional states
• Saved Moments that capture unique pieces of collaborative art
Rather than designing screens, I designed an ecosystem.
Every screen responds to the same emotional language, making the entire product feel connected and alive.
How Google Stitch Became My Creative Engine
This project would have been extremely difficult to prototype traditionally because almost every interaction depends on motion, atmosphere, and visual feedback.
Google Stitch became the core creative tool throughout the entire workflow.
Creating a Living Design System
Before generating screens, I created a detailed design framework for Pulseroom.
The system included:
• Emotional color mapping
• Dynamic glow systems
• Glassmorphism architecture
• Motion behaviors
• Particle systems
• Shader-inspired visual rules
• Interaction feedback patterns
Once uploaded into Stitch, the consistency was impressive.
Every generation already understood the visual language of Pulseroom, which allowed me to focus on ideas instead of constantly correcting design drift.
Streaming Generations Directly to Canvas
The streaming generation feature completely changed the way I explored ideas.
Watching environments appear in real time felt less like prompting an AI and more like collaborating with a designer.
Instead of generating isolated screens and waiting for results, I could immediately react to what Stitch was building and push concepts further.
For a project built around living interfaces, this workflow felt incredibly natural.
In-Place AI Editing
Most of Pulseroom's best ideas emerged through iterative in-place editing.
I refined:
• Live Room interactions
• Aura AI experiences
• Collective Canvas behavior
• Emotional profile systems
• Discovery mechanics
• Motion-heavy interface components
The ability to point at an existing section and evolve it directly inside the canvas made experimentation dramatically faster.
Motion, Shaders, and Interactive Behaviors
This is where Stitch surprised me most.
Pulseroom depends heavily on motion.
Floating particles.
Animated pulse effects.
Living backgrounds.
Mood-responsive color systems.
Shader-inspired visual environments.
Aura energy effects.
Interactive generative art.
Being able to prototype motion-rich experiences directly inside Stitch made the concept feel real much earlier in the design process.
Instead of treating animation as a finishing touch, motion became part of the product from the beginning.
From Concept to Working Experience
One of my goals was to move beyond static mockups and create something people could actually explore.
Using Stitch's workflow alongside modern deployment tools allowed me to quickly move from concept to a live interactive experience while maintaining the same design language across the entire project.
What Makes Pulseroom Different
Most social products are built around content.
Pulseroom is built around emotional presence.
The room itself becomes the conversation.
The atmosphere becomes the interface.
The artwork becomes the memory.
Every pulse, every mood, every interaction contributes to a shared visual world that no single user controls.
The result feels less like using an app and more like entering a living digital environment.
Feedback on Google Stitch
The biggest strength of Stitch is how quickly it turns imagination into something tangible.
Three things stood out most:
Streaming generations made exploration feel collaborative instead of transactional.
In-place AI edits dramatically reduced iteration time.
Motion-first prototyping allowed me to design experiences rather than static screens.
What impressed me most was how naturally Stitch handled a highly experimental concept.
Pulseroom isn't a traditional app. It's a complex emotional ecosystem with generative visuals, AI-driven interactions, and motion-heavy interfaces.
Even with that complexity, Stitch remained fast, flexible, and surprisingly consistent.
Final Thoughts
Pulseroom began as a question:
Can technology create a social experience that feels more human, more emotional, and more alive?
Google Stitch gave me the ability to explore that question far faster than traditional workflows would have allowed.
The result is Pulseroom — a living emotional ecosystem where interfaces breathe, emotions become visible, and people create shared worlds together.
Live Project:
https://pulsroom.vercel.app/
APK Download:
https://pulsroom.vercel.app/apks/app-debug.apk
Stitch Project:
https://stitch.withgoogle.com/projects/12434356365707266796
#GoogleStitch #BuildWithStitch #UIUX #MotionDesign #ProductDesign #CreativeCoding #GenerativeArt #ArtificialIntelligence #UXDesign #MobileApp
Unbelievable Concept Sir 👍
Challenges
View all
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?