Stitch by Google
@stitchbygoogle • 161,567 subscribers
Stitch by @GoogleLabs turns your ideas into beautiful interface designs, powered by some of the latest Gemini models. Try free of charge.
Shorts
![⚡️Instant Prototypes Click 'Play' to instantly preview your interactive app flow. ✨ Stitch automatically assesses the order of screens and adds connections ✨ You can ask Stitch to automatically generate the logical next screen based on where you click ✨ Here you can design transitions, and interactions [coming soon] ✨ You can even see the "states" of different screens, like logged in versus logged out views ✨ Share a direct link to your prototype (or mobile QR code)](https://image.24vids.com/tw-2034332861646709226/amplify_video_thumb/2034322974564855808/img/xps3EH1_0_h9DbIV.jpg)
![Welcome to Shipmas Day 2. 🚢🎁 A palate cleanser for the big meal tomorrow. This one is for the power users. ⚡️ We know that when you are in the flow, you don’t want to hunt through menus. You want speed. So we built the Command Palette. Just hit CMD/CTRL+K and type literally anything. “Zoom”, “Go to [Screen Name]”, and more. It even unlocks options unavailable in the UI, like "Zen Mode" (which hides the chat for pure focus). Plus, you can now use CMD/CTRL + Arrow Keys to fly from screen to screen. Don’t touch the mouse. Just build!](https://image.24vids.com/tw-1998502449292931202/amplify_video_thumb/1998502287678033920/img/tlg_PuT75PDuyeMf.jpg)
Videos
Today, we’re open-sourcing the draft specification for DESIGN.md, so it can be used across any tool or platform. We’re also adding new capabilities. DESIGN.md lets you easily export and import your design rules from project to project. Instead of guessing intent, agents know exactly what a color is for and can even validate their choices against WCAG accessibility rules. Watch David East break down this shared visual language in action👇. New capabilities and links in 🧵
Stitch by Google6,843,612 Aufrufe • vor 2 Monaten
Your vibe design partner just got more collaborative! To celebrate I/O, here are 5 major upgrades (and one big bonus!): 🌊 Streaming 📄 Start with your existing design ⏩ In-place AI Edits 🎥 Motion on HTML-native Canvas 🚀 More Import / Export Options (.fig, Netlify, Loveable, Bolt) 🌟 BONUS: Import and sync your codebase Rolling out now. Details and product walkthrough video in 🧵
Stitch by Google489,675 Aufrufe • vor 2 Monaten
At I/O, we announced a big new export partner: Bolt by StackBlitz! ⚡️ bolt.new is an AI-powered builder that generates full-stack web apps directly in your browser. Now, you can take your Stitch screens from a visual concept to a fully coded application with a single click. Here is how it works: 🔹 Select your screens in Stitch 🔹 Click export 🔹 Your screens are automatically transferred to Bolt, ready to be built into a working product 🛠️ (Note: Bolt will accept up to 5 screens at a time for Bolt Free users, and up to 20 screens for Paid users)
Stitch by Google284,095 Aufrufe • vor 1 Monat
Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵
Stitch by Google487,548 Aufrufe • vor 4 Monaten
Meet Stitch by Google Labs, the easiest and fastest product to generate great designs and UIs. 🧵
Stitch by Google1,226,512 Aufrufe • vor 1 Jahr
The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇
Stitch by Google194,590 Aufrufe • vor 2 Monaten
Developer Week Day 2. 🛠️ We just gave your Coding Agent a Design Degree🎓🎨 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 by Google359,603 Aufrufe • vor 5 Monaten
We are thrilled to announce one-click publishing to Netlify! 🌐 Netlify is the pioneer in simple, lightning-fast deployment. With just one click, your Stitch screens become live URLs on the web. It is perfect for resume websites, event pages, restaurant menus, and portfolios. The workflow is magic: 🚀 Click deploy and instantly get a live preview URL ✅ Love the result? "Claim" the URL to save it to your Netlify account 🔗 From there, Netlify helps you purchase a custom domain, manage your hosting, and scale your site Currently supports single-screen export. More options coming in the future. ✨
Stitch by Google121,457 Aufrufe • vor 1 Monat
Introducing 🎨 Design Systems in Stitch! Build a single source of truth to keep your screens visually consistent. Create your styles once, then instantly apply them to any new or existing designs. We’ve got more for design systems coming over the next few weeks, stay tuned! 👀
Stitch by Google293,893 Aufrufe • vor 5 Monaten
Introducing 1-Click Export to AI Studio. 🚀 No more manual copy-pasting HTML or dragging images. Just hit the export button, and Stitch automatically opens AI Studio with your full context (HTML + Screens) attached and ready to go. Yesterday: AI Studio gets Gemini 3. Today: Stitch gets 1-Click Export to AI Studio. 📅 It's the perfect storm. You can now easily build your beautiful designs with the most capable model available. It was our most requested feature for a reason. Go build something real, fast.
Stitch by Google410,378 Aufrufe • vor 8 Monaten
🚨 Our #1 most requested feature is here: You can now export designs from any Stitch agent directly to Figma as editable layers. Vibe Design is perfect for exploring many ideas in minutes. But sometimes, you need that final layer of polish. Now you can move seamlessly between vibe design and polish.
Stitch by Google260,422 Aufrufe • vor 5 Monaten
One of our most requested features is here! ✍️✨ Introducing Direct Edits. Vibe Design is incredible for exploring ideas at lightspeed, but sometimes you just need to fix a typo or swap an image. Now, you can add that final layer of polish right inside Stitch. You can manually edit text and images, or highlight a specific part of the screen and ask the agent to surgically update it. 3 ways to jump in: 1️⃣ Select a screen and hit the Edit dropdown. 2️⃣ Grab the Edit Tool from the global toolbar. 3️⃣ Select Tool: Double-click a screen to center it, then double-click again to enter Direct Edit mode. Go perfect those vibes. ✨
Stitch by Google186,882 Aufrufe • vor 4 Monaten
Introducing the💡 Ideate agent in Stitch. Use it at the start of a project to explore what’s possible before you converge on a solution. It takes a moment to think deeply, fetching context and exploring ideas so you don't have to. Think of it as your design buddy that: 🌐 Fetches context from the web 🎨 Learns styles from existing sites ⚡️ Explores multiple solutions in parallel Once you've found the spark, pick your winner and continue vibe designing. Example prompts in 🧵 (Video accelerated)
Stitch by Google157,535 Aufrufe • vor 5 Monaten
We just launched one-click export to Lovable! ❤️ Lovable is an incredible AI app builder that turns your ideas into real, working software—including the frontend, backend, and database. When you export your Stitch project: ✨ Lovable opens automatically ✨ Stitch passes over your screenshots ✨ We include exact references to the HTML right in the prompt Lovable downloads your HTML and creates a pixel-perfect, full-stack application based on your exact aesthetic. Have a blast turning your designs into reality! 🚀
Stitch by Google62,996 Aufrufe • vor 1 Monat
Welcome to Shipmas Day 3 part 1… the big one. 🚢🎁 Today, we remove the ceiling on what you can generate. Starting today, our new default agent is Thinking with Gemini 3 Pro. This agent uses advanced reasoning to "think" through your design before writing a single line of code. The community has been calling Gemini 3 "too good at frontend" and "unmatched in visual reasoning." We agree. It handles complex dashboards, intricate DOM manipulation, and pixel-perfect CSS better than anything we've tested. All designs are backed by code and exportable to your favorite coding agent. The video below shows some single prompt examples to inspire you. Sound on for a preview of the new Stitch theme song 🔊
Stitch by Google192,348 Aufrufe • vor 7 Monaten
Introducing Stitch’s Redesign Agent powered by the newly announced Nano Banana Pro. 🍌 It takes a screenshot or URL and lets you edit and redesign your product with natural language. We threw 🍌 Pro at real-world design challenges: - "Redesign this page for a younger audience" - "Create the page that most likely comes next" - "Increase the number of users who add to cart" - “Move the button down 10 pixels” More info and demos in 🧵
Stitch by Google192,451 Aufrufe • vor 8 Monaten
Developer Week Day 3. 🛠️ Stitch 🤝 Gemini CLI. Say hello to our Official Gemini CLI Extension. We’ve built a dedicated bridge to bring Stitch directly into your command line workflow. It comes with streamlined configuration and custom skills—like Design Prompt Enhancement—to make your agents smarter. More information in 🧵
Stitch by Google134,743 Aufrufe • vor 5 Monaten
🚨Important update regarding your vibe design partner. We received overwhelming feedback that our new AI-native canvas was a little too clean and modern. We hear you. Today, we are shipping an immediate fix to bring you the true essence of vibe design. Say hello to the Maximalist Update. 🌈✨
Stitch by Google78,099 Aufrufe • vor 3 Monaten
At Google Labs, our goal is to "build together" with industry experts. So, we handed Stitch to the team at Voltage to see how an elite design agency tackles real client problems. 🧠⚡️ They teamed up with Force 4 Good, who needed a new mobile app. 24 hours after the first brainstorm... 📉 Client Expected: A few high-level static mocks. 🚀 What Voltage Delivered: A fully interactive, multi-screen prototype. Because Stitch lets you iterate at the speed of thought, the team skipped the tedious phases and went straight to showing a prototype. Check out how they did it in the video below! 👇
Stitch by Google25,250 Aufrufe • vor 1 Monat