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
please like COMMENTS REPOSTTT
I'm deeply interested in Human-Computer Interaction, 3D Design, Spatial Computing, and especially the future of 3D Data Visualization.
I've always been fascinated by how people interact with information and how complex data can be transformed into engaging, meaningful visual...
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
Stitch Playground Walkthrough:
https://www.loom.com/share/e08d582c35a841db9bf682d0bfd22926
Overview:
https://on.contra.com/twr7PQ
I built KAIROPI for the Google Stitch Challenge - a playful ramen lifestyle brand that brings together food, sauce, stickers, motion, and colorful city culture.
How I Used Google Stitch
I started by creating a mood board to define how I wanted the website to feel the colors, hero direction, sticker style, typography, food visuals, and overall brand energy.
Then I brought that direction into Google Stitch and built the website step by step, from the hero section to the manifesto, bowls, sauce section, and footer. I kept iterating inside Stitch, using prompts and edits to refine the layout, copy, visual consistency, and interactions.
One of the most useful parts was being able to make changes without starting the whole page again. Once I understood the workflow, Stitch made it much faster to keep the design consistent.
Stitch Features Used
- AI-assisted interface generation
- In-place design edits
- Iterative prompt-based refinement
- Motion and interactive UI direction
- Visual workflow from mood board
My Experience Using Stitch
At first, I was a little confused because it was my first time using Stitch, but I found my way around pretty quickly.
Once I understood how to work with it, the process became much smoother. I really liked how I could keep the design consistent and ask the AI to make edits instead of regenerating everything from scratch.
Overall, Stitch felt fast, flexible, and useful for turning a clear creative vision. If you already know the feeling or direction you want, it becomes much easier to iterate and build quickly.
Project name: "Visual News" — an image-first news reader designed entirely in Stitch
I built a news-reading app prototype where every screen leads with imagery instead of text walls. The idea: today's news apps drown readers in text and headlines until they stop feeling
anything about what they're reading. Visual News flips that — when you tap a category (Tech, Politics, Culture, Sports…), you roll into a full-bleed image carousel of the top stories in that
category, with the headline and source overlaid. A profile page lets you tune your categories and save stories for later.
The whole UI — landing, category cards, story-reading screens, profile, transitions — was designed in Google Stitch from prompts. I originally planned to wire the front-end in code first and
design later, but Stitch's streaming generation let me see screens form in real time as I prompted them, so the design pass happened before the build pass — which is the opposite of how I
usually work, and faster.
🛠 How I used Stitch
Started from a single prompt describing the app concept ("image-first news reader, four core screens, dark theme") — Stitch streamed the layout into the canvas live, which made it easy to course-correct mid-generation.
Iterated screen-by-screen using in-place AI edits — instead of regenerating an entire screen, I'd click an element and ask Stitch to change just that part (e.g., "make the category cards larger and add a soft gradient overlay on each").
Used Stitch's HTML-native canvas to preview motion — the category-tap-to-story transition is a real interaction inside Stitch, not a static mockup. That alone replaced a separate Figma → Principle → Lottie pipeline I would have done before.
Skipped Figma entirely. Stitch generated the wireframes, the polish, and the prototype interactions in one tool. No file export, no plugin chain.
💬 Feedback on Stitch
What worked beautifully:
Streaming generation is the single biggest UX win — watching screens form lets you stop the generation mid-way and refine the prompt, which saves a full regenerate cycle.
In-place AI edits felt closer to "natural design conversation" than any Figma plugin I've tried. I could point at an element and describe what I wanted differently without explaining the entire screen again.
Generated imagery is genuinely good — for a visual-first concept like Visual News, the image quality is the difference between "this is a wireframe" and "this looks like a real product."
What I'd want next:
A timeline/history of generations on a single canvas (so I can revert to "version 3 of this screen" easily).
More control over typography choices (current selection feels safe-but-similar across generations).
A way to lock specific elements before regenerating the rest of a screen.
The headline takeaway: Stitch removed Figma from my workflow for this kind of project. I came in expecting a "design assistant" — I left thinking it's an actual Figma replacement for early-stage product design.
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?