正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 9 个月前 •via X (Twitter)

艺术教育科学技术

Anya Rossi• Live Now

Private livecam show

34 条评论

Stitch by Google 的头像

Stitch by Google9 个月前

Ready to plug in? Full documentation here:

Stitch by Google 的头像

Stitch by Google9 个月前

⚠️ 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 的头像

Google Antigravity9 个月前

🎨🖼️

Ujjwal Gupta 的头像

Ujjwal Gupta9 个月前

design with nano banana 🤝 build with Antigravity

Arnaud Benard 的头像

Arnaud Benard9 个月前

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

Himanshu Kumar 的头像

Himanshu Kumar9 个月前

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

Thibault Lb 的头像

Thibault Lb9 个月前

Oh Nice, will test this tomorrow guys

iMuffin 的头像

iMuffin9 个月前

this was the right move 👏🏽

Ben 的头像

Ben9 个月前

Assuming this works with Claude code?

Rex Liu 的头像

Rex Liu9 个月前

Amazing. Just another reason to be Google power users.

Purnima 的头像

Purnima9 个月前

Awesome! Will use this next week...

Ryan Hickman 的头像

Ryan Hickman9 个月前

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

Hunter Lott 的头像

Hunter Lott9 个月前

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 的头像

Srivats Venkataraman9 个月前

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

inferno 🔥 的头像

inferno 🔥9 个月前

Lfg

HashVibe | OSINT & AI Vibe Coder 🤖 的头像

HashVibe | OSINT & AI Vibe Coder 🤖9 个月前

Esto es exactamente lo que necesitaba.... Bravoo

Eric Lee 的头像

Eric Lee9 个月前

Amazing!

Jag 的头像

Jag9 个月前

Thank you. 🙏🙏🙏

its_Classyd 的头像

its_Classyd9 个月前

Perfect just in time!!! Love it

Reso Vibe App 的头像

Reso Vibe App9 个月前

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

DannyGladiolas 的头像

DannyGladiolas9 个月前

Really cool

Ronn_H 的头像

Ronn_H9 个月前

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

Jimmy 的头像

Jimmy9 个月前

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 的头像

Rao Twts9 个月前

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

Alejandro 的头像

Alejandro9 个月前

Loving it!

Isaak Berezin 的头像

Isaak Berezin9 个月前

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 的头像

Surya Kunju8 个月前

This is great! I created a video using this -

не дивись в очі 的头像

не дивись в очі9 个月前

Better than v0?

ckq 的头像

ckq9 个月前

可以多给点额度吗

cyborg 的头像

cyborg9 个月前

"full visual awareness" for agents is undersold here 👀

Hardik (🔮) 的头像

Hardik (🔮)9 个月前

Can you add this feature to vibe coding in gemini ?

pablo palominos 的头像

pablo palominos8 个月前

hello world

Aditya Tripathi 的头像

Aditya Tripathi9 个月前

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

Sundaram Kumar Jha 的头像

Sundaram Kumar Jha9 个月前

does it work clis and tuis too

相关视频

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 次观看 • 18 天前

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 次观看 • 7 个月前

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 次观看 • 1 年前

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 次观看 • 1 个月前

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 次观看 • 1 年前

🧠 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 次观看 • 7 个月前

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 次观看 • 5 个月前

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 次观看 • 8 个月前

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 次观看 • 6 个月前

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 次观看 • 5 个月前

🎨 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 次观看 • 11 个月前

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 次观看 • 1 年前

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,649 次观看 • 5 个月前

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 次观看 • 10 个月前

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 次观看 • 7 个月前

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 次观看 • 6 个月前

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 次观看 • 3 个月前

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 次观看 • 1 年前

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 次观看 • 1 个月前