Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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 *... show more

Stitch by Google

162,108 subscribers

360,211 görüntüleme • 9 ay önce •via X (Twitter)

Sanat Eğitim Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

34 Yorum

Stitch by Google profil fotoğrafı

Stitch by Google9 ay önce

Ready to plug in? Full documentation here:

Stitch by Google profil fotoğrafı

Stitch by Google9 ay önce

⚠️ This is an early release using GCP OAuth. We’re building native API keys now, but we wanted to get this to you ASAP. There is a community-built CLI tool by @_davideast that could speed things up

Google Antigravity profil fotoğrafı

Google Antigravity9 ay önce

🎨🖼️

Ujjwal Gupta profil fotoğrafı

Ujjwal Gupta9 ay önce

design with nano banana 🤝 build with Antigravity

Arnaud Benard profil fotoğrafı

Arnaud Benard9 ay önce

So exciting to use @stitchbygoogle in my favorite code editor @antigravity

Himanshu Kumar profil fotoğrafı

Himanshu Kumar9 ay önce

@stitchbygoogle, that's a clever way to integrate design directly into the developer workflow, improving efficiency.

Thibault Lb profil fotoğrafı

Thibault Lb9 ay önce

Oh Nice, will test this tomorrow guys

iMuffin profil fotoğrafı

iMuffin9 ay önce

this was the right move 👏🏽

Ben profil fotoğrafı

Ben9 ay önce

Assuming this works with Claude code?

Rex Liu profil fotoğrafı

Rex Liu9 ay önce

Amazing. Just another reason to be Google power users.

Purnima profil fotoğrafı

Purnima9 ay önce

Awesome! Will use this next week...

Ryan Hickman profil fotoğrafı

Ryan Hickman9 ay önce

You know what would be cool in @stitchbygoogle ? Actually "stitching" designs together 😉 Affordance -> action -> results

Hunter Lott profil fotoğrafı

Hunter Lott9 ay önce

Yes! More of this. Deep embedded integrations is how Google will win. Don’t make us travel outside of our main work environment just to access one of you many competent tools. One developer ops hub to rule them all.

Srivats Venkataraman profil fotoğrafı

Srivats Venkataraman9 ay önce

Wow this will help a lot!! Switched completely to antigravity and been using stitch a lot for my side projects

inferno 🔥 profil fotoğrafı

inferno 🔥9 ay önce

Lfg

HashVibe | OSINT & AI Vibe Coder 🤖 profil fotoğrafı

HashVibe | OSINT & AI Vibe Coder 🤖9 ay önce

Esto es exactamente lo que necesitaba.... Bravoo

Eric Lee profil fotoğrafı

Eric Lee9 ay önce

Amazing!

Jag profil fotoğrafı

Jag9 ay önce

Thank you. 🙏🙏🙏

its_Classyd profil fotoğrafı

its_Classyd9 ay önce

Perfect just in time!!! Love it

Reso Vibe App profil fotoğrafı

Reso Vibe App9 ay önce

Did you just bring this now? We've been working on this app for a month 😀

DannyGladiolas profil fotoğrafı

DannyGladiolas9 ay önce

Really cool

Ronn_H profil fotoğrafı

Ronn_H9 ay önce

I have been using it for two weeks, and it is very easy to use. Redesign suddenly became easy to use.

Jimmy profil fotoğrafı

Jimmy9 ay önce

This is really cool! Does this help with consistency across screens? Oftentimes (if not always) I get a different sidebar, bottom nav, and or menu when designing with Stitch.

Rao Twts profil fotoğrafı

Rao Twts9 ay önce

can you please make it simple to use the MCP? why would I need a google cloud project for this?

Alejandro profil fotoğrafı

Alejandro9 ay önce

Loving it!

Isaak Berezin profil fotoğrafı

Isaak Berezin9 ay önce

Can we somehow get a guide/instructions on how to optimally integrate Stitch and Antigravity? So we don't do everything ad hoc and miss something you've already implemented that is important.

Surya Kunju profil fotoğrafı

Surya Kunju8 ay önce

This is great! I created a video using this -

не дивись в очі profil fotoğrafı

не дивись в очі8 ay önce

Better than v0?

ckq profil fotoğrafı

ckq9 ay önce

可以多给点额度吗

cyborg profil fotoğrafı

cyborg9 ay önce

"full visual awareness" for agents is undersold here 👀

Hardik (🔮) profil fotoğrafı

Hardik (🔮)9 ay önce

Can you add this feature to vibe coding in gemini ?

pablo palominos profil fotoğrafı

pablo palominos8 ay önce

hello world

Aditya Tripathi profil fotoğrafı

Aditya Tripathi9 ay önce

You guys have amazing products, but every launch has been loaded with unnecessary friction. GCP method is not it.

Sundaram Kumar Jha profil fotoğrafı

Sundaram Kumar Jha9 ay önce

does it work clis and tuis too

Benzer Videolar

We have a Stitch MCP. We have a Stitch SDK. But, we don't have a Stitch CLI. Well, not until now. Introducing the @google/stitch CLI: 🔷 Connect to your local coding agents 🔷 Generate screens and design systems 🔷 Send a local dev server snapshot to Stitch Do it all without leaving the terminal or better yet, ask your favorite harness like Google Antigravity 😎 Learn more 👇

We have a Stitch MCP. We have a Stitch SDK. But, we don't have a Stitch CLI. Well, not until now. Introducing the @google/stitch CLI: 🔷 Connect to your local coding agents 🔷 Generate screens and design systems 🔷 Send a local dev server snapshot to Stitch Do it all without leaving the terminal or better yet, ask your favorite harness like Google Antigravity 😎 Learn more 👇

Stitch by Google

373,160 görüntüleme • 17 gün ö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 🧵

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

Introducing Vapi's MCP client! Your agent can now call tools from any MCP server (like Zapier or Composio), live in conversations. Access hundreds of tools without any custom integrations. Examples and docs👇

Introducing Vapi's MCP client! Your agent can now call tools from any MCP server (like Zapier or Composio), live in conversations. Access hundreds of tools without any custom integrations. Examples and docs👇

Vapi

43,189 görüntüleme • 1 yıl önce

Introducing the first agent-to-agent code review solution: Qodo’s Agentic Toolbox. Get full codebase context, your coding rules, and AI code review, brought directly to your coding agent. Available now for Claude Code, OpenAI’s Codex, and Kiro, with support for any MCP-compatible client.

Introducing the first agent-to-agent code review solution: Qodo’s Agentic Toolbox. Get full codebase context, your coding rules, and AI code review, brought directly to your coding agent. Available now for Claude Code, OpenAI’s Codex, and Kiro, with support for any MCP-compatible client.

Qodo

49,613 görüntüleme • 1 ay önce

We just gave the Base docs AI superpowers: - ai chatbot trained on all docs - ai enabled search - open pages directly in ChatGPT or Claude - docs mcp server to pipe context directly into your IDE I walk you through the details in this quick video

We just gave the Base docs AI superpowers: - ai chatbot trained on all docs - ai enabled search - open pages directly in ChatGPT or Claude - docs mcp server to pipe context directly into your IDE I walk you through the details in this quick video

eric.base.eth

31,754 görüntüleme • 1 yıl önce

🧠 Want to give your coding agent new capabilities? Use Agent Skills in Visual Studio Code! Agent skills let you package instructions and resources into reusable capabilities for your agent. Skills can be loaded on demand and called directly from chat using slash commands like /skill-name. Learn more:

🧠 Want to give your coding agent new capabilities? Use Agent Skills in Visual Studio Code! Agent skills let you package instructions and resources into reusable capabilities for your agent. Skills can be loaded on demand and called directly from chat using slash commands like /skill-name. Learn more:

Visual Studio Code

55,219 görüntüleme • 7 ay önce

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 görüntüleme • 5 ay önce

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! 👀

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

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! 👇

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,926 görüntüleme • 6 ay ö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 🧵

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 • 5 ay önce

🎨 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 easy ways to add images: * Drag & drop * Paste (CMD/Ctrl+V) * Direct upload button * Attach to prompt Select images alongside your screens (CMD/Ctrl+Click) to provide the ultimate context for your next generation or edit. Coming soon: The ability to seamlessly incorporate images (logos, profile pics) directly into your generated designs.

Stitch by Google

28,739 görüntüleme • 11 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.

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

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. 👇

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

195,615 görüntüleme • 5 ay önce

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 🔊

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 Google

192,632 görüntüleme • 10 ay önce

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

GitHub

113,405 görüntüleme • 7 ay önce

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥

Alessia

16,663 görüntüleme • 6 ay önce

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Software Mansion

30,369 görüntüleme • 3 ay önce

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 into a working app. And the best part? This is the manual way. We're working on making this a 1-click experience. Consider this the warm-up.👟

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 into a working app. And the best part? This is the manual way. We're working on making this a 1-click experience. Consider this the warm-up.👟

Stitch by Google

42,480 görüntüleme • 1 yıl önce

You can also now make decks, docs, and designs in your conversation. Draft the one-pager in Claude Docs, turn it into a deck with Claude Slides, and mock up a matching visual in Claude Design, all from one place.

You can also now make decks, docs, and designs in your conversation. Draft the one-pager in Claude Docs, turn it into a deck with Claude Slides, and mock up a matching visual in Claude Design, all from one place.

Claude

4,347,855 görüntüleme • 1 ay önce