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
Short description:
I spent this challenge exploring website structure and interface concepts for a puppy Pilates studio.
How I used Stitch:
Tested 4 different prompting strategies:
1. Prompt-only design (00:29)
2. Ideate before generating (01:01)
3. Redesign from an existing site (01:33)
4. Style guide + Page outline, Reference websites, + AI suggestions (02:00)
Tested tweaking layouts and animations after design generation. (02:36)
Feedback on my experience:
Quick takeaways (03:16):
- Anchor core product concepts first before jumping into Stitch
- Use Stitch to explore early UI ideas, then polish details in other tools
- More precise prompts = more consistent, predictable design results
Favorite feature: AI’s automatic next-step suggestions, it brainstorm alongside my design.
Pending exploration：how to keep global elements, like footers & navigation, consistent across all pages.
The core theme comes from a template I previously made. I wanted to see whether Stitch could deliver fresh new ideas around this same theme.
I only referenced my old template for the redesign test; every other design was built completely from scratch.
If you’re curious about the human-built version, find it here.
pawlates.framer.website
Pawlates | Yoga & Pilates Studio
Pawlates offers Pilates and yoga classes for humans and dogs to enjoy together. We create gentle, pup-friendly classes that help you strengthen your core, improve flexibility, and deepen your bond with your furry friend.
Mind-blowing work that deserves every bit of praise coming its way.
Thanks Denis! Glad you like it! I worked on this all the way up to the deadline.
Really enjoyed the process breakdown here. Testing four different prompting approaches in the same project is such a practical way to understand where Stitch shines. The takeaway about anchoring the product concept before generating screens is spot on.
View my entry for this...
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.
Thank you for liking my share!
You’ve done an amazing job. It’s incredible hitting this level of quality with such limited time!
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: Reimagining My Portfolio Homepage with Google Stitch
https://stitch.withgoogle.com/projects/13677255280441443128
Project Description
For this project, I used Google Stitch to explore the redesign the homepage of my personal portfolio website. My goal was to explore how AI can accelerate the early stages of product and interface design while still supporting creative decision making.
Rather than starting with a blank canvas, I asked Stitch to review my existing website and identify opportunities to improve user experience, visual hierarchy, messaging, and overall engagement. Based on that analysis, Stitch generated multiple homepage concepts that explored different approaches to presenting my work, skills, and personal brand.
Workflow
The project began by importing and analyzing my existing portfolio. Stitch quickly surfaced opportunities to simplify navigation, strengthen the visual hierarchy, and create clearer calls to action.
Using Stitch's streaming generation capabilities, I was able to see concepts develop directly on the canvas in real time. This made it easy to evaluate multiple directions and build on ideas as they emerged.
I then used in place AI editing to refine layouts, adjust content organization, modify components, and improve the overall user flow. Instead of rebuilding screens manually, I iterated through conversation and targeted edits, allowing me to focus more on design decisions and less on production work.
Key Stitch Features Used
• Analysis of an existing website as the starting point
• Streaming UI generation directly on the canvas
• In place AI edits for rapid iteration
• Interactive prototype development
• Motion and dynamic interface concepts
Outcome
The final result is a modernized homepage concept that better highlights my portfolio work, clarifies my value as a designer, and creates a more engaging experience for visitors. The project demonstrates how Stitch can function as a collaborative design partner, helping transform an existing product into a refined and interactive experience through rapid iteration.
stitch.withgoogle.com
Stitch - Design with AI
Stitch generates UIs for mobile and web applications, making design ideation fast and easy.
SimpleRent - Contra Submission Post
Google Stitch Challenge Entry
PROJECT LINK
PROJECT TITLE
SimpleRent - Student Rental Platform for Sri Lanka
Every year, university students in Sri Lanka leave their hometowns to study in Colombo. They arrive with no local knowledge and no housing plan. No platform was built specifically for them.
SimpleRent is a student-first rental interface that solves two linked problems in one product: find a safe rental near your campus or find a compatible roommate to share the cost.
Google Maps-centered property search, NIC verification flow, roommate board, landlord dashboard, multi-step onboarding, messaging interface, and more - entirely designed and iterated inside Google Stitch.
HOW I USED STITCH
Before generating a single screen, I designed my own logo - a map pin housing a rooftop icon - and imported it into Stitch to generate a design.md brand file. Stitch scanned the logo and produced a complete design system: color palette, typography, card radius, shadow depth, and spacing. Every screen inherited that system automatically from the start.
Each of the 18 screens was then streamed live to the canvas - letting me review and plan refinements on one screen while the next was still being generated.
Once screens were on the canvas, I used Stitch's in-place AI edit feature to refine specific elements without regenerating anything. I clicked directly on a footer, typed a prompt, and only the footer changed. Same for card layouts, button colors, and badge styling - precise, targeted iteration on exactly the element I chose.
For motion, I used Stitch's native HTML canvas to build the NIC verification animation: the ID card shakes first as a visual cue, then flips smoothly on double-click. Property cards lift and shadow on hover. Because Stitch renders native HTML by default, every animation played in real time directly on the canvas as I built it.
For the code pipeline, I used Stitch's MCP connection to import Antigravity. Antigravity handled the code-side refinements - the logic and structure that go beyond what a visual canvas touches. Stitch for design. Antigravity for code. A full design-to-code pipeline, linked through MCP.
FEEDBACK ON STITCH
The real-time streaming canvas changed how I design. You stop waiting for a result and start collaborating with it - refining the previous screen while the next one is still being generated. That shift alone made the process feel genuinely different from any other tool I have used.
The in-place edit feature removed the biggest frustration of AI design tools: the fear of regenerating something good just to fix something small. Clicking directly on an element and prompting only that element to change is the kind of control that makes iteration feel safe.
The MCP integration with Antigravity was the unexpected part. It bridges the gap between a design prototype and a real codebase in a way I did not expect from a design tool.
Stitch did not just speed up how I work. It improved the ideas I had while I was working.
This is the gold standard right here! Absolutely spectacular.
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?