Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Make Stitch designs real with AI Studio From design to a live app in under 60 seconds. Here's how you can now take your Stitch designs and make them real with Google AI Studio: 1. Design in Stitch. 2. Export the HTML. 3. Prompt AI Studio to convert it...

stitchbygoogle's profile picture

Stitch by Google

161,830 subscribers

42,480 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

23 Yorum

Stitch by Google profil fotoğrafı
Stitch by Google1 yıl önce

Special thanks to our partners at @GoogleAIStudio and @OfficialLoganK for being so great to work with

Jan M profil fotoğrafı
Jan M1 yıl önce

@stitchbygoogle getting more and more features. I used stitch to show a random figma worker and shocked and ask do you have Design experience? lol

komz profil fotoğrafı
komz1 yıl önce

Even when specifying "Generate a website in Japanese", an English site is often generated, so I hope this will be improved.

SeemsBusy profil fotoğrafı
SeemsBusy1 yıl önce

Should just add an export to AI Studio button. Manually dragging a bunch of HTML files around isn't the best.

KaYung Caleb Lai profil fotoğrafı
KaYung Caleb Lai1 yıl önce

We need the function to import the design library and existing UX flows from Figma. Use AI to study the existing design patterns and use the imported library to generate/improve screens. Once implemented, 80% of designers can be replaced, including the ones at Google.

ikhwanb profil fotoğrafı
ikhwanb1 yıl önce

Cool

Garry profil fotoğrafı
Garry1 yıl önce

Amazing

Jessin Sam S profil fotoğrafı
Jessin Sam S1 yıl önce

Made something similar to Stitch, i hope you all will like it. :) Check it out at

Fayardo 🗳 profil fotoğrafı
Fayardo 🗳1 yıl önce

upa!!! Great work, simple and effective!

Saïd Aitmbarek profil fotoğrafı
Saïd Aitmbarek1 yıl önce

let's go stitch, dope! would love to explore a collab w/ @microlaunchhq guys

Suhrab Khan⚡️ profil fotoğrafı
Suhrab Khan⚡️1 yıl önce

Turning Stitch mockups into live apps in under a minute is wild! AI Studio just made the handoff from design to dev basically obsolete.

Mubarock profil fotoğrafı
Mubarock1 yıl önce

Stitch by Google is a game changer.

Design Doc(tor) profil fotoğrafı
Design Doc(tor)1 yıl önce

Please make stitch design multiplayer and support figma import and export

bone profil fotoğrafı
bone1 yıl önce

Why use stitch and not just ai studio?

janily profil fotoğrafı
janily11 ay önce

Cool, I made ai mockup tool with Stitch and AI Studio @GoogleAIStudio and @stitchbygoogle

E T. YohanPhinshins profil fotoğrafı
E T. YohanPhinshins1 yıl önce

Liiiiiiikeeeeeeeeeee

Dorien Vibecodes profil fotoğrafı
Dorien Vibecodes1 yıl önce

Does this work for mobile apps too?

🌱Robin🌱 profil fotoğrafı
🌱Robin🌱6 ay önce

Any updates on when this will be a 1 click experience?

abdullla profil fotoğrafı
abdullla1 yıl önce

Working app u, mean mobile apps or just a webapp?

Pochi profil fotoğrafı
Pochi1 yıl önce

This is a cool workflow. Bridging the gap between design and code is a huge challenge.

⚡️ Noel Hatem profil fotoğrafı
⚡️ Noel Hatem1 yıl önce

last time I tried Stitch it was so buggy and did not had good options to adjust elements etc. What has changed since then, is it more flexible?

#INTERNETofAGENTS profil fotoğrafı
#INTERNETofAGENTS1 yıl önce

#opencourseware

Zeynel Bozkale profil fotoğrafı
Zeynel Bozkale11 ay önce

Ben bu uygulamayı daha önce nasıl görmedim. Gerçekten harika iş çıkarıyor.

Benzer Videolar

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,798 görüntüleme • 10 ay önce

Vibe design is finally here. I’ve spent the past few days playing around with Stitch (from Google Labs) and I think we can finally generate designs that don’t suck. Watch me prompt a UI design, edit with Nano Banana Pro, translate it to code, and then deploy on AI Studio 👇
0:40

Vibe design is finally here. I’ve spent the past few days playing around with Stitch (from Google Labs) and I think we can finally generate designs that don’t suck. Watch me prompt a UI design, edit with Nano Banana Pro, translate it to code, and then deploy on AI Studio 👇

Justine Moore

379,335 görüntüleme • 9 ay önce

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! 🚀
0:31

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 Google

63,946 görüntüleme • 4 ay önce

Have you tried the Replit Design Canvas yet? 👀 1. Generate multiple design variants 2. Convert your design into app 3. Fine tune designs with design controls 4. Sketch your idea & make it real 5. Collaborate with your team on designs
0:54

Have you tried the Replit Design Canvas yet? 👀 1. Generate multiple design variants 2. Convert your design into app 3. Fine tune designs with design controls 4. Sketch your idea & make it real 5. Collaborate with your team on designs

Replit ⠕

54,971 görüntüleme • 6 ay önce

Google Stitch just killed the old way of redesigning websites. You won’t believe how fast this actually works. Here’s the workflow everyone needs to steal → 1. Upload any screenshot 2. Tell Stitch “redesign this in modern dark mode” 3. AI rebuilds the entire UI 4. Export working HTML + CSS 5. Send straight to AI Studio You just collapsed a full designer → developer → revision cycle into minutes. Screenshot → UI → Code → Deployable. No friction. No handoffs. Save this video, you’ll rebuild your site in an afternoon. Want the SOP? DM me.
9:02

Google Stitch just killed the old way of redesigning websites. You won’t believe how fast this actually works. Here’s the workflow everyone needs to steal → 1. Upload any screenshot 2. Tell Stitch “redesign this in modern dark mode” 3. AI rebuilds the entire UI 4. Export working HTML + CSS 5. Send straight to AI Studio You just collapsed a full designer → developer → revision cycle into minutes. Screenshot → UI → Code → Deployable. No friction. No handoffs. Save this video, you’ll rebuild your site in an afternoon. Want the SOP? DM me.

Julian Goldie SEO

83,493 görüntüleme • 10 ay önce

Google just quietly killed copy-paste for devs. This Stitch + Gemini 3.0 update is actually wild. Google Stitch now lets you: → Describe your app in plain text → Generate a full UI with buttons, forms, pages → Hit one export button → Open AI Studio with all HTML, screens and context preloaded → Let Gemini 3 write and debug the code for you You go from “idea in your head” → “working product” in about an hour instead of days. Freelancers, agencies, solopreneurs… this is your unfair advantage if you actually learn how to use it. Save this video, you’ll copy this workflow later. Want the SOP? Send me a DM. 💬
11:03

Google just quietly killed copy-paste for devs. This Stitch + Gemini 3.0 update is actually wild. Google Stitch now lets you: → Describe your app in plain text → Generate a full UI with buttons, forms, pages → Hit one export button → Open AI Studio with all HTML, screens and context preloaded → Let Gemini 3 write and debug the code for you You go from “idea in your head” → “working product” in about an hour instead of days. Freelancers, agencies, solopreneurs… this is your unfair advantage if you actually learn how to use it. Save this video, you’ll copy this workflow later. Want the SOP? Send me a DM. 💬

Julian Goldie SEO

32,975 görüntüleme • 10 ay önce

We're building a new kind of agent: a collaborative design partner that works alongside you. Jumping straight into coding agents often locks you into the first idea; starting in Stitch lets you rapidly explore variations to find the best idea. 🎨⚡ Watch this "Only Positive News" mobile app go from simple prompt to multiple UI iterations to a live AI Studio prototype in seconds. Turn the sound up! 🔊👇
0:45

We're building a new kind of agent: a collaborative design partner that works alongside you. Jumping straight into coding agents often locks you into the first idea; starting in Stitch lets you rapidly explore variations to find the best idea. 🎨⚡ Watch this "Only Positive News" mobile app go from simple prompt to multiple UI iterations to a live AI Studio prototype in seconds. Turn the sound up! 🔊👇

Stitch by Google

40,404 görüntüleme • 1 ay önce

Google AI built my entire Android app — and I wrote ZERO code. I typed one simple English prompt, and Google AI handled the design, the backend, and the code. Watch me turn a basic idea into a working, installable app on my phone. Try it yourself: Google AI Studio → Build an Android app → type your prompt → done. #GoogleAI #AndroidApp #nocode See less
1:07

Google AI built my entire Android app — and I wrote ZERO code. I typed one simple English prompt, and Google AI handled the design, the backend, and the code. Watch me turn a basic idea into a working, installable app on my phone. Try it yourself: Google AI Studio → Build an Android app → type your prompt → done. #GoogleAI #AndroidApp #nocode See less

Mohini Maheshwari

11,252 görüntüleme • 27 gün önce

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

38,208 görüntüleme • 4 ay önce

I got an expert to break down how to design well with AI: (and avoid AI slop) 3:54 - The AI Design Mind Map 14:00 - Custom GPT to Lovable Workflow 41:23 - Stitch to AI Studio Workflow 57:32 - How Other Tools Stack Up
1:01:55

I got an expert to break down how to design well with AI: (and avoid AI slop) 3:54 - The AI Design Mind Map 14:00 - Custom GPT to Lovable Workflow 41:23 - Stitch to AI Studio Workflow 57:32 - How Other Tools Stack Up

Aakash Gupta

138,842 görüntüleme • 7 ay önce

Here it is. We're making it super easy for anyone to build AI powered apps in Google AI Studio. 🚀 In the tutorial below, go from idea to live restaurant recommender app, with Gemini and Google Maps Grounding in under 60 seconds. Excited to see what you build! 👇
2:19

Here it is. We're making it super easy for anyone to build AI powered apps in Google AI Studio. 🚀 In the tutorial below, go from idea to live restaurant recommender app, with Gemini and Google Maps Grounding in under 60 seconds. Excited to see what you build! 👇

Ammaar Reshi

56,108 görüntüleme • 11 ay önce

Watch how Antigravity takes an Android app from prompt to real device. Using the Stitch MCP and the Android CLI plugin, the agent pulls your designs, builds the native Jetpack Compose components, verifies them in the emulator, and runs the final build on a real phone.
4:53

Watch how Antigravity takes an Android app from prompt to real device. Using the Stitch MCP and the Android CLI plugin, the agent pulls your designs, builds the native Jetpack Compose components, verifies them in the emulator, and runs the final build on a real phone.

Google Antigravity

101,019 görüntüleme • 2 gün önce

Everyone's sleeping on this Google Stitch → Lovable workflow. Full design phase in 10 minutes. Then straight into a working web app inside Lovable. Stop wasting weeks on Figma when you can ship this fast. Here's the entire workflow 👇🏻
0:20

Everyone's sleeping on this Google Stitch → Lovable workflow. Full design phase in 10 minutes. Then straight into a working web app inside Lovable. Stop wasting weeks on Figma when you can ship this fast. Here's the entire workflow 👇🏻

Prajwal Tomar

54,278 görüntüleme • 6 ay önce

We have an ambitious vision for Stitch, we're just getting started. We've heard all your feedback on the product. Lots of improvements coming up soon on design quality, variety and iteration capabilities. Maybe even a new model 👀 Code is our underlying artifact, we will make sure you can use your Stitch designs into real products.
0:48

We have an ambitious vision for Stitch, we're just getting started. We've heard all your feedback on the product. Lots of improvements coming up soon on design quality, variety and iteration capabilities. Maybe even a new model 👀 Code is our underlying artifact, we will make sure you can use your Stitch designs into real products.

Stitch by Google

23,941 görüntüleme • 1 yıl önce

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

489,220 görüntüleme • 6 ay önce

MISATO Studio is live. This is the world’s first AI-operated design studio. Share your preferences with designer $MISATO, and she’ll mint a custom-designed NFT image right into your wallet. MISATO Studio = AI Chatbot + AI Generative Art + AI On-Chain Shopping $MISATO 👛
1:44

MISATO Studio is live. This is the world’s first AI-operated design studio. Share your preferences with designer $MISATO, and she’ll mint a custom-designed NFT image right into your wallet. MISATO Studio = AI Chatbot + AI Generative Art + AI On-Chain Shopping $MISATO 👛

YeHe (🦾,🧠)

19,021 görüntüleme • 1 yıl önce

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉
0:46

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉

Open Design

308,735 görüntüleme • 3 ay önce

The new App Planning Phase feature in Pi App Studio allows creators to develop their ideas with the help of AI before App Studio generates the app. For example, App Studio may ask for more detail about the app’s: - Main idea - Goal - Design - User experience This helps guide creators from an initial idea toward a more complete app concept in a more interactive and dynamic way. Watch the video walkthrough to learn how the planning process works!
1:40

The new App Planning Phase feature in Pi App Studio allows creators to develop their ideas with the help of AI before App Studio generates the app. For example, App Studio may ask for more detail about the app’s: - Main idea - Goal - Design - User experience This helps guide creators from an initial idea toward a more complete app concept in a more interactive and dynamic way. Watch the video walkthrough to learn how the planning process works!

Pi Network

380,379 görüntüleme • 3 ay önce

Introducing the new AI first vibe coding experience in Google AI Studio! Built to take you from prompt to production with Gemini, and optimized for AI app creation. Start building AI apps for free : ) More updates and features to come!
4:40

Introducing the new AI first vibe coding experience in Google AI Studio! Built to take you from prompt to production with Gemini, and optimized for AI app creation. Start building AI apps for free : ) More updates and features to come!

Logan Kilpatrick

1,582,476 görüntüleme • 11 ay önce

We’re shipping two major updates to streamline your creative workflow, allowing you to generate high-speed images with one model and then instantly animate them with the other—all at a fraction of the cost 🍌⚡️ 1️⃣ Introducing Nano Banana 2 Lite: Our fastest and most cost-efficient Gemini Image model yet delivers text-to-image outputs in under 4 seconds. Now available via the Gemini API and Google AI Studio, and rolling out soon across @NotebookLM, Google Flow, Google Gemini, Stitch by Google, Google Search and Google Photos. 2️⃣ Gemini Omni Flash in Public Preview: Our natively multimodal model for cost-efficient video generation and conversational editing. Now available via the Gemini API, Google AI Studio, and Gemini Enterprise Agent Platform so you can integrate the model into your workflow. While exciting on their own, the real magic happens when you build using these models together. Watch how our interior design demo integrates Nano Banana 2 Lite and Omni to instantly reimagine any space. Upload a photo, swipe through tailored design concepts, and see Omni bring the details to life in cinematic motion. Try out the demo app in AI Studio:
0:27

We’re shipping two major updates to streamline your creative workflow, allowing you to generate high-speed images with one model and then instantly animate them with the other—all at a fraction of the cost 🍌⚡️ 1️⃣ Introducing Nano Banana 2 Lite: Our fastest and most cost-efficient Gemini Image model yet delivers text-to-image outputs in under 4 seconds. Now available via the Gemini API and Google AI Studio, and rolling out soon across @NotebookLM, Google Flow, Google Gemini, Stitch by Google, Google Search and Google Photos. 2️⃣ Gemini Omni Flash in Public Preview: Our natively multimodal model for cost-efficient video generation and conversational editing. Now available via the Gemini API, Google AI Studio, and Gemini Enterprise Agent Platform so you can integrate the model into your workflow. While exciting on their own, the real magic happens when you build using these models together. Watch how our interior design demo integrates Nano Banana 2 Lite and Omni to instantly reimagine any space. Upload a photo, swipe through tailored design concepts, and see Omni bring the details to life in cinematic motion. Try out the demo app in AI Studio:

Google AI

129,340 görüntüleme • 3 ay önce