Loading video...

Video Failed to Load

Go Home

Stitch’s canvas just got a major workflow upgrade. V2 is here with screen resizing and responsive support ✨. You can now resize any screen and watch it render in HTML mode to test responsiveness in real-time (responsive screens work best for web designs versus mobile designs). We’ve also added...

stitchbygoogle's profile picture

Stitch by Google

161,414 subscribers

49,856 views • 10 months ago •via X (Twitter)

Science & TechnologyEducationArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 🧵
1:29

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 Google

487,548 views • 3 months ago

Here is a quick walkthrough of everything new in Stitch: 🌊 Streaming: Stitch now streams its work straight to the canvas. You can see Stitch working and start steering before the final product is done! 📄 Existing Designs: Stitch can help you start with your design by creating a DESIGN.md from your codebase, .fig files, or a live website ⏩ In-place AI Edits: Stitch can quickly edit specific parts of your screens just by asking or pointing and clicking 🎥 Motion & HTML canvas: Javascript, shaders and more now render natively on an HTML canvas so you can immediately see animation, hover states and effects 🚀 Portability and Integrations: We've added a big list of import and export additions to fit right into your workflow, including import your .fig files and one-click export to Netlify, Loveable and Bolt 🌟 Bonus: New skills to IMPORT your screens directly into Stitch via MCP and sync changes back to your codebase Walkthrough video👇 Details for each improvement in 🧵
2:03

Here is a quick walkthrough of everything new in Stitch: 🌊 Streaming: Stitch now streams its work straight to the canvas. You can see Stitch working and start steering before the final product is done! 📄 Existing Designs: Stitch can help you start with your design by creating a DESIGN.md from your codebase, .fig files, or a live website ⏩ In-place AI Edits: Stitch can quickly edit specific parts of your screens just by asking or pointing and clicking 🎥 Motion & HTML canvas: Javascript, shaders and more now render natively on an HTML canvas so you can immediately see animation, hover states and effects 🚀 Portability and Integrations: We've added a big list of import and export additions to fit right into your workflow, including import your .fig files and one-click export to Netlify, Loveable and Bolt 🌟 Bonus: New skills to IMPORT your screens directly into Stitch via MCP and sync changes back to your codebase Walkthrough video👇 Details for each improvement in 🧵

Stitch by Google

21,597 views • 1 month ago

Two highly requested features just landed in Stitch! You can now generate custom images like logos right on the canvas and copy screens across projects. ✨ Native Image Generation: Create custom logos or hero graphics, and ask the agent to drop them directly into your UI. ✨ Copy & Paste Across Projects: Grab that perfect screen you made last week and paste it into a new project. Perfect for combining styles and merging content. Your vibe design partner just leveled up. Let’s build! 👇
0:30

Two highly requested features just landed in Stitch! You can now generate custom images like logos right on the canvas and copy screens across projects. ✨ Native Image Generation: Create custom logos or hero graphics, and ask the agent to drop them directly into your UI. ✨ Copy & Paste Across Projects: Grab that perfect screen you made last week and paste it into a new project. Perfect for combining styles and merging content. Your vibe design partner just leveled up. Let’s build! 👇

Stitch by Google

56,450 views • 2 months ago

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips
1:03

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips

designwithkingsley

28,406 views • 1 year ago

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.
1:12

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 Google

410,264 views • 7 months ago

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞
0:26

Testing the code generated from your figma designs 👀 You can resize the preview and test for mobile, tablet and desktop. I added zoom, bg color, padding, alignment and export to PNG for sharing. Just in case Claude doesn't center it correctly or give the right background. Fingers crossed that Figma approves this plugin soon 🤞

Meng To

16,988 views • 1 year ago

v0 is a web development assistant that helps you build faster with AI. You can import and generate working applications from your Figma designs, iterate and improve, and finally deploy your new application to Vercel in a few clicks. Just published a new demo ✨
7:06

v0 is a web development assistant that helps you build faster with AI. You can import and generate working applications from your Figma designs, iterate and improve, and finally deploy your new application to Vercel in a few clicks. Just published a new demo ✨

Lee Robinson

122,729 views • 1 year ago

Google's Gemini 2.0 can understand your screen to help strategize in games, remember tasks for you and search the web in the background to provide advice
2:06

Google's Gemini 2.0 can understand your screen to help strategize in games, remember tasks for you and search the web in the background to provide advice

Tsarathustra

16,939 views • 1 year ago

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too
4:39

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,470 views • 4 months ago

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)
0:36

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 Google

283,913 views • 1 month ago

Want to see your screens in dark mode or different colors with just a click? 🎨 Theming is now enabled for new projects in Experimental (Gemini 2.5 Pro) mode. Instantly swap primary colors, fonts, and corner radiuses. Apply a dark mode theme to a single screen or your entire flow with SHIFT+Click. Use copy+paste to see multiple versions side by side. Perfect for quickly exploring new brand styles and modes. (Note: theming is not backwards compatible with existing experimental projects)
0:36

Want to see your screens in dark mode or different colors with just a click? 🎨 Theming is now enabled for new projects in Experimental (Gemini 2.5 Pro) mode. Instantly swap primary colors, fonts, and corner radiuses. Apply a dark mode theme to a single screen or your entire flow with SHIFT+Click. Use copy+paste to see multiple versions side by side. Perfect for quickly exploring new brand styles and modes. (Note: theming is not backwards compatible with existing experimental projects)

Stitch by Google

28,044 views • 9 months ago

you can now clone any app in Daisy (Daisy). paste an App Store or Google Play link and Daisy recreates its screens for you, editable from the first second. Try it for free👉
1:19

you can now clone any app in Daisy (Daisy). paste an App Store or Google Play link and Daisy recreates its screens for you, editable from the first second. Try it for free👉

Salim

13,500 views • 16 days ago

Looking for a software engineering role? NextByte (YC W25) is here to help. Skip keyword screens and recruiters who only care about your school and prior work and show your true brilliance. This 30 minute skills test will help you get a job in tech. (Link in reply below)
0:33

Looking for a software engineering role? NextByte (YC W25) is here to help. Skip keyword screens and recruiters who only care about your school and prior work and show your true brilliance. This 30 minute skills test will help you get a job in tech. (Link in reply below)

Garry Tan

148,448 views • 1 year ago

New keyboard canvas controls → Panning: with arrow keys and zoom → Placement: add frames and objects using shortcuts and a guided crosshair view → Selection: navigate, select, and toggle objects with just your keyboard → Screen reader support for keyboard canvas controls
0:31

New keyboard canvas controls → Panning: with arrow keys and zoom → Placement: add frames and objects using shortcuts and a guided crosshair view → Selection: navigate, select, and toggle objects with just your keyboard → Screen reader support for keyboard canvas controls

Figma

72,222 views • 11 months ago

We added a device tool bar to the Codex in-app browser, so it's easier to build and test responsive apps! Now, you can have Codex test your app in different dimensions, so it can fix bugs & improve UI for every device. Just click the 3 dots on the right of the URL bar to use it! As part of this change, we also: - improved the speed of browser use (~30% in my vibe testing) - tightened the animation of the cursor - added a way to hide the composer in full screen mode - fixed a few bugs for browser use in Windows Oliver Tepman and John Nastos cooked on this one! Try it out and let us know what you think!
0:25

We added a device tool bar to the Codex in-app browser, so it's easier to build and test responsive apps! Now, you can have Codex test your app in different dimensions, so it can fix bugs & improve UI for every device. Just click the 3 dots on the right of the URL bar to use it! As part of this change, we also: - improved the speed of browser use (~30% in my vibe testing) - tightened the animation of the cursor - added a way to hide the composer in full screen mode - fixed a few bugs for browser use in Windows Oliver Tepman and John Nastos cooked on this one! Try it out and let us know what you think!

James Sun

148,034 views • 2 months ago

2v2 Screen Drill Mix in bubble screens, flash screens as well as stalk and gos to keep the defense honest. Via @CoachDBryant3
0:32

2v2 Screen Drill Mix in bubble screens, flash screens as well as stalk and gos to keep the defense honest. Via @CoachDBryant3

Chris Haddad

86,480 views • 2 years ago

With the latest update to my website, you can now view each piece’s details much faster, switch to light mode, and enjoy a more satisfying and responsive experience.
0:24

With the latest update to my website, you can now view each piece’s details much faster, switch to light mode, and enjoy a more satisfying and responsive experience.

BleachFX

30,072 views • 1 year ago

Some common sense rules for reducing screen usage among teens👇 If you have a kid, and you are concerned about screens, here are guidelines to help establish healthy boundaries
1:29

Some common sense rules for reducing screen usage among teens👇 If you have a kid, and you are concerned about screens, here are guidelines to help establish healthy boundaries

Raising Healthy Families

72,242 views • 2 years ago