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!

Project Title Stitch Playground

Created by: Diana D. (UX/UI Designer)

Intro I created "Stitch Playground" an interactive learning experience that helps Stitch users turn your rough interface ideas into clearer more useful prompts.

This project is designed for people who have an idea for an interface but are not sure how to get started in Stitch. Instead of simply telling users to “Write me better prompts,” Stitch Playground shows them how a vague request can become a stronger design brief by adding the right context: What the interface is, who it is for, how it should feel, what sections it needs, and what visual styles Stitch should follow.

The goal of my project was to make prompt writing feel easier, more approachable, and fun for Stitch users.

What I Built:

I built Stitch Playground in Stitch as a clean interactive experience that helps Stitch users get started easily.

What it includes:

A bold clean interactive landing page introducing Stitch Playground Motion design in the hero and footer (new Stitch features) A prompt-learning interactive component based on clearer design direction (Inspired by Vincent's Stitch prompting blog post) A before-and-after comparison showing how vague prompts become stronger Stitch prompts An interactive prompt builder for turning rough ideas into more complete prompt structures A prompt deconstructor concept for understanding what makes a prompt more useful A starter library of reusable prompt examples for dashboards, blogs, entertainment experiences, and portfolios

How I Used Stitch: I used Stitch as a creative partner to explore, shape, and refine the experience and ideas from a rough concept into a polished finalized experience.

The starting idea was simple: create a guide that helps people prompt Stitch better. From there, I used the Stitch workflow to think through the page structure, content sections, visual style, and interactive learning moments. The project became both a prototype and a teaching tool: it demonstrates how stronger prompting can lead to clearer interface direction.

I focused on the same process the experience teaches: starting with a broad idea, then refining the design by adding clearer context, visual direction, specific sections, and more intentional interface details.

How This Connects to the Stitch Workflow: Stitch Playground is built around the idea that better prompts create better starting points.

The experience encourages users to move beyond one-line requests like “make a landing page” and instead describe the product goal, audience, style, layout, content modules, and interaction patterns. This makes the design process feel less random and more collaborative.

I also wanted the project to reflect how Stitch can fit naturally into a real creative workflow: ideating, refining, comparing versions, and turning prompt structure into interface structure.

Stitch Features / Workflow Highlighted: This project highlights Stitch as an (amazing) interface builder that helps users move from idea to interactive product faster. It also emphasizes prompt-based iteration, structured design direction, and using Stitch as a collaborative design partner. I used new features presented on Stitch's X last week, such as motion and experimented with the Netify connection, Figma export and Google Studio import. I also added a restriction of 4 prompts per day to ensure my webpage does not get abused.

Feedback on Stitch: Stitch is incredibly POWERFUL, not just for developers but for designers too. You can easily get started with a simple prompt in Stitch to create something truly amazing.

Why I Built It: I wanted to make something helpful for the Stitch community. Thank you team. I am so happy to have found this product. Start Playing in your Stitch Playground >

- Diana

Genius!