Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

160,164 subscribers

26,103 views • 2 years ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

6 Comments

Sandhya Venkatachalam2 years ago

Game changer! Great job!!

Young2 years ago

Excited to see advancements in AI design tools!

𝑨𝒓𝒕𝒊𝒇𝒊𝒄𝒊𝒂𝒍 𝑮𝒖𝒚2 years ago

Cool. We can expect any difference in quality related to what we have previously in terms of design generation?

Art2 years ago

Strange - why are you pivoting towards web development customers?

Davey2 years ago

horrible onboarding. After already sharing my email, why do I have to "tell you about me" just to try one feature?

Ankur Singh1 year ago

Used the PRO version, and it's useful for our purpose. How can we get the enterprise version? Added details pm the available form on your website, but no reply yet.

Related Videos

We built the fastest way to vibe design mobile apps. From idea to screen designs in under 2 minutes. Export to code or Figma. Comment "sleek" for early access.

We built the fastest way to vibe design mobile apps. From idea to screen designs in under 2 minutes. Export to code or Figma. Comment "sleek" for early access.

Mattia

882,373 views • 7 months ago

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!

We're thrilled to partner with Replit ⠕ on making your Galileo designs LIVE. 🌟 You can now export your designs from Galileo to Replit and edit your designs using code. Thanks for the partnership Replit ⠕!

Stitch by Google

51,694 views • 2 years ago

🚨 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 design and polish.

🚨 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 design and polish.

Stitch by Google

259,876 views • 4 months ago

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

41,075 views • 2 years ago

Introducing Sleek x Anything The fastest way to build mobile apps. Vibe design in Sleek. Export to Anything in one click and bring your app to life. Live now.

Introducing Sleek x Anything The fastest way to build mobile apps. Vibe design in Sleek. Export to Anything in one click and bring your app to life. Live now.

Mattia

76,232 views • 6 months ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,379 views • 4 months ago

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,017 views • 1 year ago

Meet Galileo 1.0: The game-changing prompt-to-UI platform now open to all. Our mission is to supercharge the creative process of designers and builders, making design easy, fast and magical. Bring your idea, let AI do the heavy lifting. Start today:

Meet Galileo 1.0: The game-changing prompt-to-UI platform now open to all. Our mission is to supercharge the creative process of designers and builders, making design easy, fast and magical. Bring your idea, let AI do the heavy lifting. Start today:

Stitch by Google

817,719 views • 2 years ago

🎨 Students, coders, professionals – our new Canvas feature is for everyone! 🎨 From documents to code, the Google Gemini App helps you create with confidence and bring your ideas to life. 👉

🎨 Students, coders, professionals – our new Canvas feature is for everyone! 🎨 From documents to code, the Google Gemini App helps you create with confidence and bring your ideas to life. 👉

Google Workspace

19,178 views • 1 year ago

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 views • 2 years ago

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

392,403 views • 19 days ago

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Your design is the prompt Bring your existing ideas to life with Figma Make #Config2025

Figma

323,702 views • 1 year ago

I added the most requested feature to AI Code Translator… Natural language to/from code! You can now: - Use natural language to generate code. - Get natural language explanations from code. Try it: GitHub:

I added the most requested feature to AI Code Translator… Natural language to/from code! You can now: - Use natural language to generate code. - Get natural language explanations from code. Try it: GitHub:

Mckay Wrigley

605,915 views • 3 years ago

Today, we’re excited to launch Razorpay Blade's MCP! 🚀 🎨 Blade is a customizable, themeable design system. Use it as is, or bring your brand colors. 💡 With MCP, go from prompt to code in seconds, with the quality of a battle tested DS. 🌐 OSS →

Razorpay Tech

13,650 views • 1 year ago

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

41,584 views • 8 months ago

You can now export your MagicPath designs straight into Google Antigravity for deeper code work. The best AI design tool + the best AI IDE. A ridiculously powerful loop.

You can now export your MagicPath designs straight into Google Antigravity for deeper code work. The best AI design tool + the best AI IDE. A ridiculously powerful loop.

Pietro Schirano

23,572 views • 6 months ago

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

105,567 views • 3 months ago

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Chakra

19,610 views • 10 months ago

Going from design to code is going from something built and usable to an unnecessary level of abstraction. It's like finishing a house then asking for the blueprints so someone else can rebuild it. Design is code. Code is design. Use a code-first canvas. Use MagicPath.

Going from design to code is going from something built and usable to an unnecessary level of abstraction. It's like finishing a house then asking for the blueprints so someone else can rebuild it. Design is code. Code is design. Use a code-first canvas. Use MagicPath.

Pietro Schirano

26,974 views • 3 months ago

Prompt builder to generate designs with live preview Remix from 780+ templates, iterate quickly and bring your UI code to cursor or figma. I took 7 days to completely recode everything from Swift to React. 50k lines of code. With AI, the platform code is almost irrelevant since you transfer everything. What a time to be alive.

Prompt builder to generate designs with live preview Remix from 780+ templates, iterate quickly and bring your UI code to cursor or figma. I took 7 days to completely recode everything from Swift to React. 50k lines of code. With AI, the platform code is almost irrelevant since you transfer everything. What a time to be alive.

Meng To

57,233 views • 1 year ago