Constructing nice functions at all times comes all the way down to a robust partnership between design and improvement. Designers envision the person expertise, crafting intuitive and interesting interfaces. Builders then carry these designs to life with useful code. Historically, connecting design concepts to working code took a whole lot of handbook effort and back-and-forth.
That is exactly the issue Sew goals to unravel – Sew is a brand new experiment from Google Labs that permits you to flip easy immediate and picture inputs into complicated UI designs and frontend code in minutes.
Sew was born of an thought between a designer and an engineer, each seeking to construct a product that optimized their respective workflows. It leverages the multimodal capabilities of Gemini 2.5 Professional to create a extra fluid and built-in workflow between design and improvement. And, with an choice to refine your design with picture inputs, an interactive chat, theme selectors, and a paste to Figma perform, Sew enables you to actually hone in in your inventive designs and improvement wants.
Right here’s what Sew affords right now to reinforce your design and improvement course of:
Generate UI from pure language
Describe the appliance you need to construct in plain English, together with particulars like coloration palettes or desired person expertise. Sew can generate a visible interface tailor-made to your description.
Generate UI from photos or wireframes
Have a design sketch on a whiteboard, a screenshot of a compelling UI, or a tough wireframe? Add it to Sew. Sew processes the picture to provide a corresponding digital UI, bridging your preliminary visible concepts to a useful design.
Fast iteration and design exploration
Design is an iterative course of, and Sew facilitates this by permitting you to generate a number of variants of your interface. Experiment with totally different layouts, elements, and types to attain the specified feel and appear.
Seamless transition to improvement
When you’re happy together with your design, Sew supplies essential bridges to the event workflow:
- Paste to Figma: Your generated design may be seamlessly pasted to Figma for simple additional refinement, collaboration with design groups, and integration into current design techniques.
- Export front-end code: Sew generates clear, useful front-end code based mostly in your design, so you’ve gotten a totally useful UI able to go.
Sew is about unlocking the magic of app creation for everybody. We’re thrilled to carry this experiment to you and may’t wait to see what you may construct with it.
Check out Sew at sew.withgoogle.com and tell us what you suppose!
Discover this announcement and all Google I/O 2025 updates on io.google beginning Might 22.
