# Stitch Prompt Guide

**URL:** <https://discuss.ai.google.dev/t/stitch-prompt-guide/83844>\
**Category:** Stitch\
**Tags:** learning, feedback\
**Created:** [May 19, 2025, 10:37pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844 "2025-05-19T22:37:23Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![Adriano\_Vallim](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/adriano_vallim/32/31654_2.png) [@Adriano\_Vallim](https://discuss.ai.google.dev/u/Adriano_Vallim)\
**Post date:** [December 24, 2025, 4:07am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/105 "2025-12-24T04:07:39Z")

</div>

Hi @Thomas_Schroeder ,

I found a solution to resolve the inconsistency issues, which was to copy the HTML code to an editor and then select the code snippet I want Stitch to use as a reference, also providing the CSS information.

There’s also the option of specifying the ID of the layout you want it to use as a reference, but for finer adjustments, I now prefer to use the HTML reference instructions directly 😎

---

<div class="post-metadata">

**Author:** ![Duc\_Tran](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/duc_tran/32/30427_2.png) [@Duc\_Tran](https://discuss.ai.google.dev/u/Duc_Tran)\
**Post date:** [December 29, 2025, 10:50pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/107 "2025-12-29T22:50:25Z")

</div>

I really appreciated if you can show me the ChatGPT assistant prompt. Thank

---

<div class="post-metadata">

**Author:** ![Vicky\_Sun](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/vicky_sun/32/35398_2.png) [@Vicky\_Sun](https://discuss.ai.google.dev/u/Vicky_Sun)\
**Post date:** [January 6, 2026, 3:13am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/109 "2026-01-06T03:13:17Z")

</div>

I encounter the same issue when using AI Studio. I’ve found that adding the phrase, “Please refrain from altering any other functionalities or design elements,” during adjustments yields favorable results. You might consider giving it a try.

---

<div class="post-metadata">

**Author:** ![mark\_kow](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/mark_kow/32/83023_2.png) [@mark\_kow](https://discuss.ai.google.dev/u/mark_kow)\
**Post date:** [January 14, 2026, 7:31pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/111 "2026-01-14T19:31:17Z")

</div>

**Stitch prompt tips summary:**

1. Clear layout structure - Use “left/middle/right” to describe

2. Ambiance adjectives - Like “modern, simple, similar to Notion”

3. Change one thing at a time - Avoid mixing multiple features

4. Refer to mature tools - Like “style reference Linear/Figma”

5. Include mock data - Make the design more realistic

---

<div class="post-metadata">

**Author:** ![Angelo\_Ramos](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/angelo_ramos/32/83095_2.png) [@Angelo\_Ramos](https://discuss.ai.google.dev/u/Angelo_Ramos)\
**Post date:** [January 15, 2026, 4:18am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/112 "2026-01-15T04:18:56Z")

</div>

Hi Ross, would love to learn more about what you shared. I feel it would be helpful to people like me getting into the basics of coding and AI prompting. Thank you for this 🙂

---

<div class="post-metadata">

**Author:** ![Sadiq](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/sadiq/32/32844_2.png) [@Sadiq](https://discuss.ai.google.dev/u/Sadiq)\
**Post date:** [January 19, 2026, 4:06am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/113 "2026-01-19T04:06:58Z")

</div>

It’s unacceptable that Stitch continues generating content without giving users a stop option or asking for proper consent. This results in unnecessary output and wasted time. Basic controls like stop, cancel, and confirmation should be mandatory in any AI tool. Please fix this.

---

<div class="post-metadata">

**Author:** ![RISHABH\_CHAUHAN](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/rishabh_chauhan/32/25354_2.png) [@RISHABH\_CHAUHAN](https://discuss.ai.google.dev/u/RISHABH_CHAUHAN)\
**Post date:** [January 20, 2026, 7:33am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/114 "2026-01-20T07:33:39Z")

</div>

Hey @mark_kow thanks for sharing this here! This is really helpful for our new users and a great addition to the community. We truly appreciate the effort you put into this!

---

<div class="post-metadata">

**Author:** ![RISHABH\_CHAUHAN](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/rishabh_chauhan/32/25354_2.png) [@RISHABH\_CHAUHAN](https://discuss.ai.google.dev/u/RISHABH_CHAUHAN)\
**Post date:** [January 20, 2026, 7:36am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/115 "2026-01-20T07:36:49Z")

</div>

Hey @Angelo_Ramos you can start with a very simple prompt in Stitch! For example, try asking it to: ‘Create a homepage for a gym app.’ Stitch will generate a creative layout with all the essential elements. From there, you can easily modify the design to fit your needs and continue generating the next screens for your project. We’re excited to see what you build!

---

<div class="post-metadata">

**Author:** ![RISHABH\_CHAUHAN](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/rishabh_chauhan/32/25354_2.png) [@RISHABH\_CHAUHAN](https://discuss.ai.google.dev/u/RISHABH_CHAUHAN)\
**Post date:** [January 20, 2026, 8:45am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/116 "2026-01-20T08:45:42Z")

</div>

Hi @Sadiq, we completely understand the need for a ‘Stop’ button. Please rest assured that this is already on our roadmap and being tracked by our development team. We are committed to making the generation process more flexible for you. Thanks for sticking with us!

---

<div class="post-metadata">

**Author:** ![rosspeili](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/rosspeili/32/65340_2.png) [@rosspeili](https://discuss.ai.google.dev/u/rosspeili)\
**Post date:** [January 22, 2026, 9:51am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/117 "2026-01-22T09:51:43Z")

</div>

Hey Angelo what’s on your mind? Happy to help. It might sound discouraging but good prompting comes from prompting. I have 20k+ prompts across various models. This helped me better understand propositional logic for different models, how they parse and what they prioritize. There is no golden prompt that works for all models and each needs uts own approach, which also changed with every model upgrade. I suggest messing with Antigravity, an AI code assistant enabled IDE (has outage today), or something similar, eg. Cursor. An other approach would be to use Google AI Studio or Lovable to see how your prompts translate to visuals. If you manage to get the results you want you will slowly understand ehat was the key prompts that led you there. Anything else I can help with feel free to ping me.

---

<div class="post-metadata">

**Author:** ![wahabdinn](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/wahabdinn/32/86709_2.png) [@wahabdinn](https://discuss.ai.google.dev/u/wahabdinn)\
**Post date:** [January 22, 2026, 5:36pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/118 "2026-01-22T17:36:13Z")

</div>

hai thanks mate for sharing, really helpful for me

---

<div class="post-metadata">

**Author:** ![chuluujav\_lkhagva](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/chuluujav_lkhagva/32/85030_2.png) [@chuluujav\_lkhagva](https://discuss.ai.google.dev/u/chuluujav_lkhagva)\
**Post date:** [January 25, 2026, 1:35am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/119 "2026-01-25T01:35:41Z")

</div>

1. How create screen designs based workflows?
2. How to integrate to Antigravity?

---

<div class="post-metadata">

**Author:** ![RISHABH\_CHAUHAN](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/rishabh_chauhan/32/25354_2.png) [@RISHABH\_CHAUHAN](https://discuss.ai.google.dev/u/RISHABH_CHAUHAN)\
**Post date:** [January 28, 2026, 11:30am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/121 "2026-01-28T11:30:32Z")

</div>

Hey @chuluujav_lkhagva I hope this helps.  
Introducing the Stitch MCP Server. 🔌

You can now pipe Stitch designs directly into your favorite tools like Antigravity.

- Generate new screens without leaving your IDE
- Fetch the code from any design
- Inject context: Give your agent full visual awareness

Docs and more information 👇

> **[Stitch - Design with AI](https://stitch.withgoogle.com/docs/mcp/setup)**
>
> Stitch generates UIs for mobile and web applications, making design ideation fast and easy.

---

<div class="post-metadata">

**Author:** ![Oleksandr\_Slk](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/oleksandr_slk/32/94413_2.png) [@Oleksandr\_Slk](https://discuss.ai.google.dev/u/Oleksandr_Slk)\
**Post date:** [February 18, 2026, 4:19pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/123 "2026-02-18T16:19:02Z")

</div>

Hi @RISHABH_CHAUHAN,

First, I want to appreciate the direction Stitch is taking, especially with the MCP Server and IDE integration. As a founder managing multiple startups, the dream of a “Design-to-Code” pipeline is exactly what I need to accelerate my MVPs.

However, after extensively testing the current models (including Pro), I’ve hit a significant roadblock that prevents me from using Stitch for production: **The model lacks “Native Mobile” DNA.**

I attempted to design a minimalist, futuristic iOS utility (think “Liquid Glass” aesthetics, MeshGradients, and native blur materials). Instead of generating a clean, haptic-focused mobile interface, the model hallucinated a sci-fi “Power Plant” dashboard with generic web-style cards and non-native elements.

**The Gap:** It feels like Stitch is heavily biased towards Web/CSS paradigms. It struggles to distinguish between a “Web Dashboard” and a “Native Mobile App.” It doesn’t seem to “think” in SwiftUI primitives (Materials, Springs, VStacks, Dynamic Islands).

**My Request:** For us mobile founders, we need a **“Native Mobile First” mode**. We need a model that:

1. **Understands Modern HIG:** Knows that “Energy” in a mobile context often means “Wellness/Tracking,” not “Kilowatts/Voltage.”

2. **Native Materials:** Prioritizes native system materials (UltraThinMaterial, MeshGradient) over solid hex colors or custom PNG assets.

3. **Mobile Ergonomics:** Understands reachability, touch targets, and the difference between a mouse click and a finger tap.

I really want to make Stitch my primary prototyping tool, but until it speaks “Native iOS,” I’m forced to stick to manual coding for that high-end feel.

Looking forward to seeing this evolve!

---

<div class="post-metadata">

**Author:** ![Wayndrous](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/wayndrous/32/46027_2.png) [@Wayndrous](https://discuss.ai.google.dev/u/Wayndrous)\
**Post date:** [February 22, 2026, 4:31pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/124 "2026-02-22T16:31:03Z")

</div>

Can images be uploaded and included with the original prompt?

---

<div class="post-metadata">

**Author:** ![Akhilesh\_Verma](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/akhilesh_verma/32/97425_2.png) [@Akhilesh\_Verma](https://discuss.ai.google.dev/u/Akhilesh_Verma)\
**Post date:** [February 24, 2026, 6:22am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/125 "2026-02-24T06:22:12Z")

</div>

just one word , wow  
amazing tool for frontend dev

---

<div class="post-metadata">

**Author:** ![littleship](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/littleship/32/97423_2.png) [@littleship](https://discuss.ai.google.dev/u/littleship)\
**Post date:** [February 24, 2026, 6:42am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/126 "2026-02-24T06:42:04Z")

</div>

It’s a great tool, but I want to use it on a larger scale. Is there an API? I want to deploy Stitch to our own internal workflow, rather than using it on the official website or in an IDE. How can I do that?

---

<div class="post-metadata">

**Author:** ![RISHABH\_CHAUHAN](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/rishabh_chauhan/32/25354_2.png) [@RISHABH\_CHAUHAN](https://discuss.ai.google.dev/u/RISHABH_CHAUHAN)\
**Post date:** [March 1, 2026, 5:20pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/128 "2026-03-01T17:20:25Z")

</div>

Hey @Wayndrous yes, you can definitely input images along with your prompts in Stitch to get the results you’re looking for.

---

<div class="post-metadata">

**Author:** ![RISHABH\_CHAUHAN](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/rishabh_chauhan/32/25354_2.png) [@RISHABH\_CHAUHAN](https://discuss.ai.google.dev/u/RISHABH_CHAUHAN)\
**Post date:** [March 1, 2026, 5:21pm UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/129 "2026-03-01T17:21:47Z")

</div>

Thanks for the kind words, Akhilesh! It’s been great helping out. Keep experimenting with Stitch and let us know what you think!

---

<div class="post-metadata">

**Author:** ![wawan\_rachmanto](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/wawan_rachmanto/32/104169_2.png) [@wawan\_rachmanto](https://discuss.ai.google.dev/u/wawan_rachmanto)\
**Post date:** [March 13, 2026, 4:45am UTC](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844/130 "2026-03-13T04:45:50Z")

</div>

this happend to me. i’ve tried to create exactly like what you did. But, only around 60-70% acomplished like what i want. So then i give short prompt to each generated i need to refine.

[Previous page](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844.md?page=3)

[Next page](https://discuss.ai.google.dev/t/stitch-prompt-guide/83844.md?page=5)
