正在加载视频...

视频加载失败

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

🚨 Our #1 most requested feature is here: You can now export designs from any Stitch agent directly to Figma as editable layers. Vibe Design is perfect for exploring many ideas in minutes. But sometimes, you need that final layer of polish. Now you can move seamlessly between vibe... show more

Stitch by Google

162,012 subscribers

261,443 次观看 • 8 个月前 •via X (Twitter)

艺术科学技术

Anya Rossi• Live Now

Private livecam show

35 条评论

Stitch by Google 的头像

Stitch by Google8 个月前

How it works: Select your screens. Click Export → Figma (or Right Click → Copy to Figma). Paste directly into your Figma file. Pro Tip: If you used the Redesign Agent (powered by Nano Banana Pro), hit "Convert to Code" first, then export it to Figma.

Jimmy 的头像

Jimmy8 个月前

Consistency between screens please! Even in the video we see different bottom navs, that's just a pain for any real project

Monir 的头像

Monir8 个月前

and share to @antigravity? i need to share individual "screen" to Antig with a click

Orel Hassid 的头像

Orel Hassid8 个月前

Just tested it and it’s amazing! The fact that it uses Auto Layout by default and maintains a smart hierarchy for layer naming is a game-changer. Next: Components and Variables for professional design system

Awesh 的头像

Awesh8 个月前

HUGE. Export to editable Figma layers was the missing piece. @stitchbygoogle 🔥

🇲🇽 Daniek Tj 的头像

🇲🇽 Daniek Tj8 个月前

Works like a charm, thanks for this 👏

pbs 的头像

pbs8 个月前

@joshwoodward holy shit figma is fedramp certified too!!!

Contextrix 的头像

Contextrix8 个月前

Stitch adding direct export to Figma as editable layers is a huge quality-of-life upgrade.

David Stephen 的头像

David Stephen8 个月前

well there goes my beauty sleep

Zach 的头像

Zach8 个月前

GODDAMN! Stitch moves fast

Kunal 的头像

Kunal8 个月前

Can we attach the Figma design system or any public DS? It would help to create screens within the currently running products.

𝓮𝓶𝓶𝓪 🌿 的头像

𝓮𝓶𝓶𝓪 🌿8 个月前

Love that I can now spend 10 minutes in Stitch, 20 polishing in Figma, and 30 explaining why it’s all ‘aligned with brand vision

Arafat 的头像

Arafat8 个月前

Export screens, paste into Figma, done.

Harshit 的头像

Harshit8 个月前

huge

Nirav Suthar 的头像

Nirav Suthar8 个月前

That’s what we waited for. So clients can also keep their design into figma.

iMuffin 的头像

iMuffin8 个月前

@_davideast HUGE 👏🏽

José Milano 的头像

José Milano8 个月前

Why don't you integrate natively with Antigravity? No brainer

Alejandro 的头像

Alejandro8 个月前

FAN

Anirudh Amudan 的头像

Anirudh Amudan8 个月前

god bless you!

abhi 的头像

abhi8 个月前

this is very cool!

Igal Beilin 的头像

Igal Beilin8 个月前

Holy vibed guacamole!

Juanma 的头像

Juanma8 个月前

Lo que todos pedimos es consistencia entre pantallas. Poder definir una paleta de colores y además un system prompt del proyecto

Code A Program 的头像

Code A Program8 个月前

I was able to copy the mobile app design successfully, but I couldn’t copy the web design template.

奇異果*kiwifruit*キウイフルーツ的头像

奇異果*kiwifruit*キウイフルーツ7 个月前

Can you optimize and improve this icon?

Satyam - Product Designer 的头像

Satyam - Product Designer8 个月前

Nice thus is crazy

To Tuan Anh 的头像

To Tuan Anh8 个月前

Oh god. Niceeee

Daniel 的头像

Daniel8 个月前

This is awesome! Are you guys working on a way to bring those designs previously exported from Stitch to Figma back to Stitch?

mAI 的头像

mAI8 个月前

Please do something like this for @Google's @NotebookLM ! If i could edit the slide decks afterwards it would be a perfect tool.

Truong Nguyen 的头像

Truong Nguyen6 个月前

I can't export to Figma, the option is disable, please help

MOE 的头像

MOE8 个月前

Diseña y Crea Web Apps Completas con IA en Segundos | Stitch + Antigravity + Agentes + skills 🔀

Jenna Sullivan 的头像

Jenna Sullivan8 个月前

seamless workflow integration is key for productivity hacks... this could cut design iteration time by 40% imo ⚡

Alek Krstevski 的头像

Alek Krstevski8 个月前

Ohh this is sooo good 😊

Isaak Berezin 的头像

Isaak Berezin8 个月前

Great!

Steve Witmer 的头像

Steve Witmer7 个月前

The feature that Galileo had nearly two years ago, before you acquired them, is now back? And new? Kinda silly. But glad it’s back, I guess?

Storm 的头像

Storm8 个月前

🫡

相关视频

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

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

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

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,134 次观看 • 2 年前

omg.. Google vibe design is here you can now talk to agents to design and edit anything

omg.. Google vibe design is here you can now talk to agents to design and edit anything

el.cine

1,131,116 次观看 • 6 个月前

Your agent can now create editable designs and bring them into motion. No Figma or Canva required. Introducing Tesseract for design. Ask your agent to create a design system with typography, colors, and layouts, then bring it to life with motion, footage, and sound. Keep refining individual layers as you go. One workflow, from the first design to the final editable video. Tesseract is free. Try it with Opus 5.5 or GPT-6 Astra.

Your agent can now create editable designs and bring them into motion. No Figma or Canva required. Introducing Tesseract for design. Ask your agent to create a design system with typography, colors, and layouts, then bring it to life with motion, footage, and sound. Keep refining individual layers as you go. One workflow, from the first design to the final editable video. Tesseract is free. Try it with Opus 5.5 or GPT-6 Astra.

Mirage

132,007 次观看 • 11 天前

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜

Designers, do you know that you can now turn your Figma design into an interactive prototype 10x faster without prototyping manually. Figma Make is a new AI-powered prompt-to-app tool that transforms designs and ideas into clickable prototypes in minutes. It’s made for designers, builders, and non-technical founders who want to move fast. Bookmark it for later 💜

Abraham John 🦄🦓

145,429 次观看 • 10 个月前

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

42,888 次观看 • 8 个月前

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇

Introducing our Free Figma-to-Code converter. Copy your design directly from Figma and paste it into our canvas. Our compiler converts your figma design into code, and you can export it in your preferred format. Free to use, with no limits. No login required, try it here👇

Praha

25,206 次观看 • 1 个月前

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

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

401,503 次观看 • 4 个月前

holy sht.. vibe film is here you can now talk to Dreamina Octo AI agent to create unlimited length film.. everything is editable, you can even preview video before generating here’s how it works:

holy sht.. vibe film is here you can now talk to Dreamina Octo AI agent to create unlimited length film.. everything is editable, you can even preview video before generating here’s how it works:

el.cine

57,720 次观看 • 3 个月前

It's epic that anyone can now vibe-code complete mobile apps! Now, the challenge is making them stand out from the copycats. So, built a tool that lets you design your perfect animated companion so you can give your app a personality 🌞 Try it here -

It's epic that anyone can now vibe-code complete mobile apps! Now, the challenge is making them stand out from the copycats. So, built a tool that lets you design your perfect animated companion so you can give your app a personality 🌞 Try it here -

Tom Osman 🐦‍⬛

131,717 次观看 • 10 个月前

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 * Inject context: Give your agent full visual awareness Docs and more information 👇

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 * Inject context: Give your agent full visual awareness Docs and more information 👇

Stitch by Google

360,211 次观看 • 8 个月前

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 年前

The fastest way to vibe design apps. CopyCoder is now Komposo! What started as a simple AI prompt generator is now a full AI-powered design tool that helps you turn ideas into screens instantly. Comment "komposo" for free access (DMs).

The fastest way to vibe design apps. CopyCoder is now Komposo! What started as a simple AI prompt generator is now a full AI-powered design tool that helps you turn ideas into screens instantly. Comment "komposo" for free access (DMs).

Moritz Kremb

15,230 次观看 • 10 个月前

this has been the most requested feature for years now. FlutterFlow MCP is here. you can now bring your agents directly into FlutterFlow and switch between them: Claude Code, Gemini CLI, Codex, or any MCP-compatible client. can’t wait to see what y’all build.

this has been the most requested feature for years now. FlutterFlow MCP is here. you can now bring your agents directly into FlutterFlow and switch between them: Claude Code, Gemini CLI, Codex, or any MCP-compatible client. can’t wait to see what y’all build.

Abel Mengistu

686,617 次观看 • 5 个月前

Canva is expanding where you can design. Building on our partnership with Google, you can now access Canva directly through AI Mode in Google Search. Canva has always been about making design as simple as possible, and now it’s as simple as a Google search.

Canva is expanding where you can design. Building on our partnership with Google, you can now access Canva directly through AI Mode in Google Search. Canva has always been about making design as simple as possible, and now it’s as simple as a Google search.

Canva

24,747 次观看 • 2 个月前

🚨 BREAKING: Clone any successful company Claude Code Opus 4.6 in Shipper can take any app and make it yours: design, code, business plan... you can now ship the next duolingo / twitter / airbnb / etc this is THE END of vibe coding.

🚨 BREAKING: Clone any successful company Claude Code Opus 4.6 in Shipper can take any app and make it yours: design, code, business plan... you can now ship the next duolingo / twitter / airbnb / etc this is THE END of vibe coding.

Shipper

243,186 次观看 • 6 个月前

$FIG just launched the Figma Design Agent, a dedicated agent that works alongside users in Figma. The agent lives directly on the canvas, so you can prompt from any design layer, iterate and edit alongside the agent, and hand it boring tasks that would have otherwise taken up a lot of your time. $FIG CEO Dylan Field came on the show today to discuss the launch. Here's our full conversation. 01:18 – Clocking AI-generated designs 03:31 – Figma’s new Design Agent 05:40 – AI code bloat and slop 09:09 – Using AI to augment creativity and branding 15:08 – Why Figma should be the front door to building apps in the AI era 18:53 – How design becomes more important as code commoditizes

$FIG just launched the Figma Design Agent, a dedicated agent that works alongside users in Figma. The agent lives directly on the canvas, so you can prompt from any design layer, iterate and edit alongside the agent, and hand it boring tasks that would have otherwise taken up a lot of your time. $FIG CEO Dylan Field came on the show today to discuss the launch. Here's our full conversation. 01:18 – Clocking AI-generated designs 03:31 – Figma’s new Design Agent 05:40 – AI code bloat and slop 09:09 – Using AI to augment creativity and branding 15:08 – Why Figma should be the front door to building apps in the AI era 18:53 – How design becomes more important as code commoditizes

TBPN

46,625 次观看 • 4 个月前

New: You can now make transparent image layers to level up and control your designs. Playground will automatically make it in the style of your design.

New: You can now make transparent image layers to level up and control your designs. Playground will automatically make it in the style of your design.

Playground

12,364 次观看 • 1 年前