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 (http://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
42
62
5.2K
SideQuest - My official entry for the @Contra HQ x @Bubble challenge!🌸
Category - Lifestyle
Concept -
SideQuest is a lifestyle app that helps people break out of repetitive routines through small real-world adventures called “Side Quests.”
The app encourages users to explore new places, reconnect socially, rediscover creativity, and build healthier habits through simple daily challenges inspired by mindfulness, exploration, and seasonal living.
Inspired by the feeling of spring, growth, renewal, and fresh starts,
SideQuest encourages users to step outside, try new experiences, and slowly transform their daily routines through small meaningful actions.
The calming nature-inspired design and growth-based progression system reflect the energy of the season.
Core Features -
* Curated daily side quests
* XP, streaks, and progression system
* Community photo and reflection sharing
* Personalized onboarding
* Premium seasonal quest packs
* Calm, mobile-first user experience
Monetization Strategy - SideQuest includes a premium paywall system that unlocks exclusive quest packs, seasonal adventures, self-growth journeys, and customization features.
Premium packs include:
* Creative Recharge
* Social Confidence
* Weekend Adventures
* Spring Reset
* Digital Detox
Bubble’s native in-app purchase support enables a scalable subscription and premium content model.
Why It Matters - Many people today feel stuck in repetitive, screen-heavy routines. SideQuest helps users feel more present, adventurous, creative, and connected through small achievable experiences that make everyday life feel meaningful again.
Built With Bubble - Built fully using Bubble’s native mobile editor as a polished mobile-first experience for the Bubble Spring Hackathon.
App Name: Side Quest
Branch Version ID : version-test
Preview Link:
https://side-quest-46585.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=Home
60
77
5K
Built in the final 4 hours of the @Contra HQ @Figma Makeathon.
Presenting COSMORSE.
An interstellar Morse learning experience inspired by the atmosphere of Interstellar.
You don’t just learn dots and dashes.
You receive a transmission.
Cinematic sound.
Deep space aesthetics.
Interactive decoding.
Exploring how far narrative + UI can elevate even the simplest learning tool.
https://brick-luxury-58006320.figma.site
🚀🌌
2
343
Dosa Maker!🔥
I can’t make perfectly round dosas… so I built a way to practice digitally. My entry for the @Contra HQ Figma Makeathon!
Dosa Maker is an interactive experience created with Figma make that lets you spread virtual batter and try to achieve the perfect circular dosa shape. Inspired by a simple everyday cultural ritual, this project turns a kitchen skill into a playful design interaction.
Link to the site: https://base-race-28693956.figma.site
4
20
693