Loading video...

Video Failed to Load

Go Home

🎨 Stop describing, start showing! One of your most requested features. Your design inspiration is now a core part of the Stitch canvas. 🖼️ Bring in any inspirational image or screenshot to add rich visual context to every step of your design journey—from initial idea to final edit. Four...

stitchbygoogle's profile picture

Stitch by Google

160,916 subscribers

28,714 views • 8 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Multi-select ✨. Edit multiple screens with a single prompt. 1. Hold SHIFT and click to select all the screens you want to edit (Fix for CMD/Ctrl rolling out now) 2. Write one prompt to apply your prompt across all the selected screens Perfect for creating consistent variations or updating entire flows in seconds. Let your imagination run wild!
0:28

Introducing Multi-select ✨. Edit multiple screens with a single prompt. 1. Hold SHIFT and click to select all the screens you want to edit (Fix for CMD/Ctrl rolling out now) 2. Write one prompt to apply your prompt across all the selected screens Perfect for creating consistent variations or updating entire flows in seconds. Let your imagination run wild!

Stitch by Google

60,501 views • 11 months ago

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

488,040 views • 4 months ago

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. ✨
0:38

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 Google

187,049 views • 5 months 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,689 views • 3 months ago

Make your AI Influencer Brand Collabs with Runway. Just upload your influencer and the product you're working with. Then select Nano Banana Pro to start generating your images. Bring those images to life in impossible ways with Gen-4.5 Image to Video and add lip sync with Veo 3.1. All inside of Runway, all in a matter of minutes. Get started today at the link below.
0:50

Make your AI Influencer Brand Collabs with Runway. Just upload your influencer and the product you're working with. Then select Nano Banana Pro to start generating your images. Bring those images to life in impossible ways with Gen-4.5 Image to Video and add lip sync with Veo 3.1. All inside of Runway, all in a matter of minutes. Get started today at the link below.

Runway

11,178 views • 5 months ago

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! 👀
0:35

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 Google

294,022 views • 5 months ago

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. 👇
0:33

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 Google

194,833 views • 3 months ago

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀
0:27

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀

Stitch by Google

26,103 views • 2 years ago

screenshot studio just shipped four tools that replace your entire design workflow tweet screenshots paste a tweet URL. light or dark theme. auto-renders the avatar, metrics, media, verified badge. hit add. done your tweet lives 48 hours on the timeline. the screenshot lives forever in every feed on every platform code snippets 20 languages. 20 themes. 10 monospace fonts. line numbers. macOS window bar. font size. border radius. all adjustable paste your code. it syntax-highlights instantly. export a clean image that people actually stop scrolling to read a wall of monospace text gets skipped. a styled snippet gets shared overlay layers upload your own images or pick from built-in 3D assets. drag, resize, rotate directly on canvas. control opacity, blur, flip. send layers in front or behind your main image every layer is independent. reorder, hide, delete. full depth control a flat screenshot tells half the story. layers tell the rest annotation tools arrows. curved arrows. lines. rectangles. circles. blur regions 12 colors. adjustable stroke width. click and drag to draw. select to edit. blur anything you need to hide the difference between showing your screen and teaching from your screen is one arrow free. browser-based. no signup. no watermark
1:38

screenshot studio just shipped four tools that replace your entire design workflow tweet screenshots paste a tweet URL. light or dark theme. auto-renders the avatar, metrics, media, verified badge. hit add. done your tweet lives 48 hours on the timeline. the screenshot lives forever in every feed on every platform code snippets 20 languages. 20 themes. 10 monospace fonts. line numbers. macOS window bar. font size. border radius. all adjustable paste your code. it syntax-highlights instantly. export a clean image that people actually stop scrolling to read a wall of monospace text gets skipped. a styled snippet gets shared overlay layers upload your own images or pick from built-in 3D assets. drag, resize, rotate directly on canvas. control opacity, blur, flip. send layers in front or behind your main image every layer is independent. reorder, hide, delete. full depth control a flat screenshot tells half the story. layers tell the rest annotation tools arrows. curved arrows. lines. rectangles. circles. blur regions 12 colors. adjustable stroke width. click and drag to draw. select to edit. blur anything you need to hide the difference between showing your screen and teaching from your screen is one arrow free. browser-based. no signup. no watermark

Kartik

12,080 views • 4 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 • 2 months ago

Yesterday, Google Labs' Pomelli launched Photoshoot, a new feature that generates on-brand, campaign-ready product visuals with a few clicks (for free!) 📸 There are easy 3 ways to create images with Photoshoot: 1. Templates: Upload an image of your product then select up to 4 shots from our auto-recommended photo templates, which will help you control the composition, framing, and style of your product shot 2. Edit existing: You can make edits to existing images by prompting Photoshoot to do things like update the background or adjust the lighting of a photo 3. Create new: Leverage our flexible editor to create shots from scratch. Just describe your vision or upload a reference to create custom assets with your aesthetic in mind Once perfected, download the final assets to share across your channels or add them to your Pomelli Business DNA for future use. Then, show us what you’ve created by sharing your Photoshoot visuals below!
0:41

Yesterday, Google Labs' Pomelli launched Photoshoot, a new feature that generates on-brand, campaign-ready product visuals with a few clicks (for free!) 📸 There are easy 3 ways to create images with Photoshoot: 1. Templates: Upload an image of your product then select up to 4 shots from our auto-recommended photo templates, which will help you control the composition, framing, and style of your product shot 2. Edit existing: You can make edits to existing images by prompting Photoshoot to do things like update the background or adjust the lighting of a photo 3. Create new: Leverage our flexible editor to create shots from scratch. Just describe your vision or upload a reference to create custom assets with your aesthetic in mind Once perfected, download the final assets to share across your channels or add them to your Pomelli Business DNA for future use. Then, show us what you’ve created by sharing your Photoshoot visuals below!

Google AI

75,671 views • 5 months ago

Hello Cyber friends, locking your screen is one of the easiest ways to protect sensitive information in any organization. Whether you step away from your computer for 5 or 10 minutes, leaving your screen unlocked exposes your data and the organization to unnecessary risk. How to Lock Your Screen Quickly Windows Press Windows + L Or press Ctrl + Alt + Delete, then select Lock Mac Press Control + Command + Q Click the Apple menu () in the top-left corner of the screen. Select Lock Screen from the dropdown menu. Mobile Devices Always use passcodes, biometrics, or screen-lock features Enable auto-lock timers
0:59

Hello Cyber friends, locking your screen is one of the easiest ways to protect sensitive information in any organization. Whether you step away from your computer for 5 or 10 minutes, leaving your screen unlocked exposes your data and the organization to unnecessary risk. How to Lock Your Screen Quickly Windows Press Windows + L Or press Ctrl + Alt + Delete, then select Lock Mac Press Control + Command + Q Click the Apple menu () in the top-left corner of the screen. Select Lock Screen from the dropdown menu. Mobile Devices Always use passcodes, biometrics, or screen-lock features Enable auto-lock timers

Dr Iretioluwa Akerele

16,762 views • 8 months ago

Cinematic city transitions. Perfect cuts. Zero traditional video editing. Everything you’re watching is AI. Tools: - Kling 2.5 Turbo - Nano Banana Pro - ChatGPT 4 STEP TUTORIAL: 1️⃣: Design your concept Brainstorm with ChatGPT the type of “vibe” you want your images/video to capture. I landed on “Cinematic Urban Melancholy” for my overall Visual Theme. 2️⃣: Generate Images with Nano Banana 🍌 Use ChatGPT to generate nano-banana-ready prompts for each of the 5 images in your setting. 3️⃣: Generate AI Transitions Navigate to Kling and select AI Video Generator Upload your start frame (image 1) + end frame (image 2) Prompt for a “seamless cinematic transition between scenes”. You’ll need to iterate on your prompt until the result matches your vision. Be specific about motion, style, and mood. 4️⃣: Polish Import everything into your editor (I use CapCut). Add speed / slowdown. And most importantly, add sound design. Music and SFX sell the visuals. Bookmark this and try it out yourself! If you want the exact prompts I'm using to generate these transitions: Follow, RT, & comment 'PROMPTS' below. I'll dm them to you (must be following so i can message)
0:27

Cinematic city transitions. Perfect cuts. Zero traditional video editing. Everything you’re watching is AI. Tools: - Kling 2.5 Turbo - Nano Banana Pro - ChatGPT 4 STEP TUTORIAL: 1️⃣: Design your concept Brainstorm with ChatGPT the type of “vibe” you want your images/video to capture. I landed on “Cinematic Urban Melancholy” for my overall Visual Theme. 2️⃣: Generate Images with Nano Banana 🍌 Use ChatGPT to generate nano-banana-ready prompts for each of the 5 images in your setting. 3️⃣: Generate AI Transitions Navigate to Kling and select AI Video Generator Upload your start frame (image 1) + end frame (image 2) Prompt for a “seamless cinematic transition between scenes”. You’ll need to iterate on your prompt until the result matches your vision. Be specific about motion, style, and mood. 4️⃣: Polish Import everything into your editor (I use CapCut). Add speed / slowdown. And most importantly, add sound design. Music and SFX sell the visuals. Bookmark this and try it out yourself! If you want the exact prompts I'm using to generate these transitions: Follow, RT, & comment 'PROMPTS' below. I'll dm them to you (must be following so i can message)

David Roberts

230,467 views • 7 months ago

✨ NEW: Feature update: 🖼️ Image edit models now support multi-turn editing! Instead of trying to fit every edit into one mega-prompt, you can now refine your image step by step. Like a natural back-and-forth conversation. Do it in Battle mode, Side by Side or Direct. Just be sure to have the Image modality selected.
0:20

✨ NEW: Feature update: 🖼️ Image edit models now support multi-turn editing! Instead of trying to fit every edit into one mega-prompt, you can now refine your image step by step. Like a natural back-and-forth conversation. Do it in Battle mode, Side by Side or Direct. Just be sure to have the Image modality selected.

arena.ai

20,652 views • 10 months ago

Introducing Gamma Agent: your AI design partner. Agent is an entirely new way to edit your gammas. We built Agent to think with you so you can bring your ideas to life. With Agent you can: ✅ Research anything: search the web and pull in citations ✅ Refine everything: drop links, add screenshots, and upload images ✅ Restyle instantly: change image styles, themes, and the entire look ✅ Get feedback: review your deck and get suggestions Agent is now live in Gamma for all users.
3:03

Introducing Gamma Agent: your AI design partner. Agent is an entirely new way to edit your gammas. We built Agent to think with you so you can bring your ideas to life. With Agent you can: ✅ Research anything: search the web and pull in citations ✅ Refine everything: drop links, add screenshots, and upload images ✅ Restyle instantly: change image styles, themes, and the entire look ✅ Get feedback: review your deck and get suggestions Agent is now live in Gamma for all users.

Gamma

12,554 views • 10 months 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,505 views • 8 months ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 views • 1 month ago

Get Gemini up to speed on what matters most to you with memory import. Bring an understanding of your key preferences, relationships, and personal context directly into Gemini. Once you import these memories, Gemini will understand the same key facts you’ve shared with other AI apps, like your dietary restrictions, your sibling’s names, or where you grew up and securely save those details for your next chat. To get started: 1) Head to your Settings in Gemini and select “Import memory to Gemini.” 2) Ask your current AI: Copy our suggested prompt and paste it into your other AI app to generate a summary of your preferences and style. 3) Copy the response: Copy the personalized summary it creates for you. 4) Paste into Gemini: Go back to “Import memory to Gemini,” paste the text, and start a new chat.
0:29

Get Gemini up to speed on what matters most to you with memory import. Bring an understanding of your key preferences, relationships, and personal context directly into Gemini. Once you import these memories, Gemini will understand the same key facts you’ve shared with other AI apps, like your dietary restrictions, your sibling’s names, or where you grew up and securely save those details for your next chat. To get started: 1) Head to your Settings in Gemini and select “Import memory to Gemini.” 2) Ask your current AI: Copy our suggested prompt and paste it into your other AI app to generate a summary of your preferences and style. 3) Copy the response: Copy the personalized summary it creates for you. 4) Paste into Gemini: Go back to “Import memory to Gemini,” paste the text, and start a new chat.

Google Gemini

48,843 views • 4 months ago