Picture by Creator | Canva# Introduction
What often occurs throughout app improvement is that you simply and your staff finalize a design, undergo improvement and testing, and when it’s lastly time to evaluate what you’ve been constructing for weeks, it simply feels off. It both seems underdeveloped or just “not proper.” Too many iterations, an excessive amount of time, and someplace alongside the best way, the unique concept will get misplaced.
To unravel this, Google launched a brand new software referred to as Google Sew. You simply give easy English instructions and get an exquisite, responsive, production-ready prototype you may deploy. And the perfect half? It’s free to attempt at sew.withgoogle.com. On this article, I’ll stroll you thru my expertise utilizing Google Sew and train you tips on how to get began too.
# Getting Began with Google Sew
Head over to sew.withgoogle.com and check in together with your Google account earlier than beginning.
// 1. Select Your Mode
From the top-right nook of the display screen, you may swap between the next modes:
- Commonplace Mode (Gemini 2.5 Flash): Finest for fast drafts and MVPs.
- Experimental Mode (Gemini 2.5 Professional): Helps you to generate UI from picture inputs, wireframes, or sketches which you could add for inspiration.
// 2. Describe or Add
You’ll see a immediate field with a canvas subsequent to it.
- Textual content immediate instance: “A signup kind web page with emblem at prime, electronic mail/password fields, submit button in major coloration.”
- Picture immediate (Experimental): Add a wireframe or screenshot to information the technology alongside your textual content.
As an example, I used Commonplace Mode and gave the next immediate:
“Quiz web page in a language studying app with a progress bar on the prime. The title challenges you to match an Urdu phrase with the right reply, providing 4 potential choices.”
It generated a tremendous UI primarily based on this:
// 3. Preview and Tweak
Use the sidebar to regulate themes: change coloration palettes, fonts, border radius, and swap between darkish and lightweight mode. Google Sew additionally helps you to modify designs utilizing up to date prompts.
For instance, I up to date the theme to darkish and altered the font to Manrope. After clicking Apply Theme, the output seemed much more polished:
// 4. Iterate Neatly
You’ll be able to refine particular person elements or screens. For instance:
- “Make the first button larger and blue.”
- “Add a navigation bar to the highest of the homepage.”
Sew follows your step-by-step directions very precisely. In my case, the Urdu phrases initially appeared as romanized textual content. So I up to date the immediate:
“Show the Urdu phrase in a right-to-left route with a big Nastaliq-style font, centered on the display screen.”
The consequence was genuinely spectacular:
// 5. Export and Construct
You’ll be able to click on on the generated picture to repeat the code, or hit Paste to Figma to drop editable, auto-layout artboards immediately into your design workspace.
Right here’s what confirmed up after I clicked on the picture and chosen Copy Code. It was immediately able to combine right into a dev atmosphere or a design file.
# Last Ideas and Getting the Finest Outcomes
Though it’s not an entire design resolution, Google Sew is extremely beneficial for MVPs and early-stage improvement. You’ll be able to all the time export to Figma for superior design customization or to construct multi-screen logic.
Listed here are a couple of suggestions for getting higher outcomes:
- Use UI-specific language like “navbar,” “dashboard widgets,” “major button,” or “auto-spacing” to information the construction extra precisely.
- Begin with a high-level description and refine it step-by-step. For instance: “health monitoring app.”
- Be very particular when modifying. Point out components clearly, reminiscent of “change the colour of the first button on the signup kind to white.”
Google Sew is quick, intuitive, and offers you a fantastic start line whenever you want working prototypes with out getting caught in weeks of back-and-forth. Undoubtedly value attempting.
Kanwal Mehreen is a machine studying engineer and a technical author with a profound ardour for information science and the intersection of AI with drugs. She co-authored the book “Maximizing Productiveness with ChatGPT”. As a Google Technology Scholar 2022 for APAC, she champions variety and educational excellence. She’s additionally acknowledged as a Teradata Variety in Tech Scholar, Mitacs Globalink Analysis Scholar, and Harvard WeCode Scholar. Kanwal is an ardent advocate for change, having based FEMCodes to empower ladies in STEM fields.
