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
Hangry Mood is a monster-powered food discovery app designed for people who want faster, more playful decision-making around food.
I used Google Stitch as part of the UX and interface workflow to explore screen refinements, imported prototype experimentation, and interface iteration while preserving a fully interactive working experience. The process included testing Stitch imports, AI-assisted edits, and visual refinement workflows alongside a live prototype.
The app combines a dark neon visual system, monster-driven emotional UX, interactive behaviors, and food discovery logic designed to make choosing what to eat feel less frustrating and more engaging.
Live prototype and motion demo:
https://hangry-mood-app.vercel.app/
Stitch workflow and iteration:
https://stitch.withgoogle.com/projects/10202576504791071086
Feedback: Stitch helped accelerate early ideation and interface exploration, particularly for testing layouts and workflow experimentation. Importing and refining existing work was valuable for exploring iteration paths while preserving the final interactive experience.
#stitchchallenge @stitchbygoogle
Every creative choice here was the right one.
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
Today I created a landing page for a productivity tool called Awake ai with just Google stitch and some inspiration from pinterest and behance.
It was a great experience seeing this come together.
Nice work. Stitch + inspiration boards seems to be a pretty good combo for exploring ideas quickly. Curious how much you changed from the initial Stitch output.
I experimented with a different direction here:
https://on.contra.com/pnfJBQ
Would love your feedback if you get a chance.
on.contra.com
Introducing Voya: Revolutionize Your Travel Planning Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
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!
I used Google Stitch as the primary tool to design and build Sprout, a mobile habit tracker where every habit hatches a creature that grows with your streak. The entire project, five screens from onboarding to habit detail, was built using Stitch's streaming canvas generation, in-place AI editing, native HTML animation, and Netlify export.
My workflow was prompt driven. I wrote a detailed description for each screen, watched Stitch stream it to the canvas in real time, then used in-place edits to refine the creature illustrations, background colors, button shapes, and animation behaviors. The celebration screen and the dark habit detail screen went through the most iteration and the results exceeded what I expected from a single session.
On the platform experience, Stitch is genuinely fast and the streaming generation is satisfying to work with. The 3D creature illustrations it produced had real personality, I expected flat icons and got fully rendered characters. The main friction was component consistency, editing one element sometimes caused adjacent ones to regenerate, and the export works per screen rather than as a unified project. A component locking feature would make the workflow much smoother. Overall it is a strong tool and I can see it becoming a regular part of my prototyping workflow.
This is a really impressive use case for Stitch. The idea of tying habit tracking to creature growth makes the experience feel much more engaging and rewarding than traditional streak-based apps.
overall well thought Concept and then implementation 🙌
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?