Describe what you want in plain words → Stitch draws the design for you. The better you describe it, the better the result. That’s the whole game.
What Google Stitch is
Free AI design tool from Google. You type (or say) what kind of website or app screen you want — Stitch generates a finished-looking design in under a minute. No drawing, no design software, no experience needed.
- Where: stitch.withgoogle.com — log in with a regular Google account.
- Cost: free, with a generous monthly limit (roughly 350 designs per month — plenty for normal use).
- Input: plain text, voice, a photo of a hand-drawn sketch, or a screenshot of a site you like.
- Output: website and app screen designs. You can keep them as pictures, or export them for a developer to build.
What it’s not: a general graphics tool. Stitch makes websites and app screens — not posters, logos, or social media images.
1. Describe a thing, not a mood
“Modern, clean, professional” → AI gets nothing to hold onto, result looks like every other website. Name something real instead: “like a cozy neighborhood bakery”, “like a Swiss train timetable”, “like a high-end magazine”. One concrete picture in your head beats ten adjectives — the AI knows what a bakery feels like and designs accordingly.
2. Tell it four things: what, who, feel, parts
Every good Stitch prompt answers: what kind of page, who visits it, what it should feel like, and which parts it needs. Miss one → Stitch guesses, and guesses are generic.
Design a homepage for a family-run bakery in a small town.
Visitors are locals checking opening hours and this week's breads.
It should feel warm and handmade, like the shop itself —
not like a tech startup.
Include: opening hours near the top, photos of the breads,
a short "about us", and a map to find the shop.Copy that shape, swap in your own business. Works for any kind of site.
3. First result is a draft — talk back to it
Nobody gets the perfect design on attempt one, and that’s fine. Point at what bothers you and say it plainly: “make the text bigger”, “less blue, warmer colors”, “move the opening hours up”. Small, specific changes, one or two at a time. Five short corrections beat one long rewrite.
Old versions stay on the canvas next to new ones — nothing gets overwritten. Compare side by side, keep the best.
4. Show, don’t just tell
Found a website whose style you love? Screenshot it, upload it, say “match this style but for my business”. Sketched a layout on paper? Photograph it, upload it — Stitch turns the sketch into a real design. Pictures communicate style faster than any description you could write.
5. Too awkward to type? Just talk
Stitch has voice mode: speak to it like you’d brief a designer over coffee. It asks follow-up questions, suggests ideas, updates the design while you talk. Great when you know what you want but can’t put it into a tidy written prompt yet.
6. Save your style so you never re-explain it
Happy with your colors and look? Stitch can save them in a small file called DESIGN.md — think of it as your brand’s memory card. Start a new project, load the file → everything automatically matches your existing style. Also works as a handoff: give the file to a designer or an AI coding tool, and they know exactly what your brand looks like without a single meeting.
7. A design is not a live website
Stitch produces the design — the blueprint. To get it on the internet, one more step: export it and hand it to a developer, or to a website builder, or to an AI coding tool that builds it for you. Realistic expectation: Stitch replaces the expensive design phase, not the whole “put it online” part.
Your first design in five steps
- Go to stitch.withgoogle.com, log in with your Google account.
- Write a prompt with the four things: what, who, feel, parts (template above).
- Look at the result. Pick the two or three things that bother you most.
- Ask for those changes, one or two at a time. Repeat until it feels right.
- Export — as an image to share, or as files for whoever builds the site.
FAQ
Yes — free with a monthly limit of a few hundred generations. More than enough for designing a website for your own business. No credit card, just a Google account.
No. If you can describe your business to a friend, you can use Stitch. The skill that matters is describing clearly what you want — and that’s learnable in an afternoon.
No — Stitch only makes website and app screen designs. For logos and social graphics you need a different tool.
Not automatically. Stitch gives you the finished design; publishing it is a separate step — via a developer, a website builder, or an AI coding tool. Think of Stitch as the architect, not the construction crew.
Snippets
Stitch Starter Prompt
Fill in the blanks and paste this into Stitch for a strong first draft of any website — it covers the four things the AI needs to know.
Design a [TYPE OF PAGE] for [YOUR BUSINESS].
Visitors are [WHO THEY ARE] who mostly want to [WHAT THEY CAME FOR].
It should feel like [SOMETHING REAL — a place, an object, a shop
you admire], not like [WHAT YOU WANT TO AVOID].
Include: [PART 1], [PART 2], [PART 3].Variables: [TYPE OF PAGE], [YOUR BUSINESS], [WHO THEY ARE], [WHAT THEY CAME FOR], [SOMETHING REAL], [WHAT YOU WANT TO AVOID], [PART 1–3]
Tags: prompt, google stitch, website, beginner, ai design
Describe a Thing, Not a Mood
A quick habit for briefing any AI on visual style — works in Stitch, image tools, and beyond.
- Catch yourself using words like “modern”, “clean”, “professional” — delete them.
- Ask instead: what real place, object, or brand feels the way I want this to feel?
- Name it: “like a cozy bakery”, “like a hotel lobby”, “like a printed newspaper”.
- Add one thing it should NOT feel like: “not like a tech startup”.
- Check: would two friends picture roughly the same thing from your description? No → get more specific.
Tags: prompting, style, ai design, technique
Design Feedback Phrases
Ready-made correction lines for refining an AI-generated design — small and specific beats long and vague.
- “Make the text bigger and easier to read.”
- “Use warmer / cooler colors, keep everything else.”
- “Move [ELEMENT] higher up on the page.”
- “Less crowded — more space between sections.”
- “Simpler. Remove anything that isn’t necessary.”
- “Show me two different versions of this section.”
Variables: [ELEMENT]
Tags: feedback, iteration, ai design, google stitch