Loading video...

Video Failed to Load

Go Home

Test smarter and build efficiently with the Android Studio Otter 3 Feature Drop. Bring your own models to power AI assistance, run resilient UI tests that adapt to changes, turn design mocks directly into starting code, and connect tools like Figma and Notion for context. Start building 🌟 →

googledevs's profile picture

Google for Developers

2,570,609 subscribers

12,646 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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. 👇
1:40

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,001 views • 3 months ago

Experience UI development at the speed of AI in Android Studio, available in the Otter 3 Feature Drop → Type commands like "make buttons blue" and let Agent Mode generate and validate the Compose code for you.
0:33

Experience UI development at the speed of AI in Android Studio, available in the Otter 3 Feature Drop → Type commands like "make buttons blue" and let Agent Mode generate and validate the Compose code for you.

Android Studio

10,688 views • 4 months ago

Expand your AI agent's capabilities with remote MCP server support → Now you can connect tools like @Figma directly to Android Studio, access external content with you having to leave Android Studio.
0:58

Expand your AI agent's capabilities with remote MCP server support → Now you can connect tools like @Figma directly to Android Studio, access external content with you having to leave Android Studio.

Android Developers

10,547 views • 4 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.
1:40

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

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.
0:54

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,344 views • 4 months ago

🆕 Major upgrades to Google AI Studio: - More intuitive prompting UI - New Starter Apps to use, fork, and share - Native code editing to customize and create your own AND MORE. Start building in Blog for details:
1:08

🆕 Major upgrades to Google AI Studio: - More intuitive prompting UI - New Starter Apps to use, fork, and share - Native code editing to customize and create your own AND MORE. Start building in Blog for details:

Google AI Developers

46,976 views • 1 year ago

We've published a directory of apps and tools that connect to Claude with one click. Browse and connect Claude to Canva, Figma, Linear, Notion, Stripe, and more.
0:39

We've published a directory of apps and tools that connect to Claude with one click. Browse and connect Claude to Canva, Figma, Linear, Notion, Stripe, and more.

Anthropic

565,103 views • 11 months ago

🧠 Get code samples, AI patterns, and prompt libraries to help you build with Angular. @Angular just launched a new AI section with guidance for tools like Firebase Studio and Gemini Code Assist. Start exploring →
1:16

🧠 Get code samples, AI patterns, and prompt libraries to help you build with Angular. @Angular just launched a new AI section with guidance for tools like Firebase Studio and Gemini Code Assist. Start exploring →

Google for Developers

17,084 views • 10 months ago

After 5 amazing years at Notion, I’m joining Cursor as Head of Design. Grateful for the Notion fam. Time to go deep on AI and code, build an incredible team, and craft the best tool to turn ideas into reality.
0:24

After 5 amazing years at Notion, I’m joining Cursor as Head of Design. Grateful for the Notion fam. Time to go deep on AI and code, build an incredible team, and craft the best tool to turn ideas into reality.

Ryo Lu

408,685 views • 1 year ago

Today we’re launching an experimental @Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.
0:45

Today we’re launching an experimental @Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.

Replit ⠕

524,417 views • 2 years ago

Want to quickly craft and iterate on prompts? Check out Prompt builder in the AI Toolkit for VS Code ( Experiment with local or remote models, generate prompts using AI, and test multi-turn conversations. Plus, view the code to start building right away! 💡
1:17

Want to quickly craft and iterate on prompts? Check out Prompt builder in the AI Toolkit for VS Code ( Experiment with local or remote models, generate prompts using AI, and test multi-turn conversations. Plus, view the code to start building right away! 💡

Visual Studio Code

52,731 views • 1 year ago

Introducing Fullstack Arena! We connected Supabase backend and auth to Design Arena! You can now build projects like Notion and Google Sheets directly in Design Arena. The best models from Anthropic, Google, xAI, OpenAI, Mistral AI to start. Deterministic tests to verify correctness. LLM-as-judge to judge implementation. Leaderboard coming soon! Try it yourself at
0:22

Introducing Fullstack Arena! We connected Supabase backend and auth to Design Arena! You can now build projects like Notion and Google Sheets directly in Design Arena. The best models from Anthropic, Google, xAI, OpenAI, Mistral AI to start. Deterministic tests to verify correctness. LLM-as-judge to judge implementation. Leaderboard coming soon! Try it yourself at

Design Arena

16,214 views • 3 months ago

Studio MCP Server now supports full agentic loops, and Assistant can connect to external LLMs via Bring Your Own Key (BYOK). This allows creators to automatically edit, test, and refine their code with AI in plain language on Roblox using their preferred tools. The simple video shows a full loop with analyze, test, bug found, fix, test, pass.
0:24

Studio MCP Server now supports full agentic loops, and Assistant can connect to external LLMs via Bring Your Own Key (BYOK). This allows creators to automatically edit, test, and refine their code with AI in plain language on Roblox using their preferred tools. The simple video shows a full loop with analyze, test, bug found, fix, test, pass.

David Baszucki

241,463 views • 3 months ago

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇
3:28

This is how the Intercom design team uses AI to prototype directly in code Designers using AI tools should copy this AI workflow to ship faster 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Figma Code Connect + Claude to design directly in code 👇

Jayneil Dalal

54,117 views • 3 months ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜
0:24

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

29,851 views • 4 months ago

Still relying on AI tools that can’t turn your ideas into real, working apps? Most can write code snippets but fall apart when it’s time to actually build something complete. That’s where Replit ⠕ changes everything. I simply asked it: “Build a responsive calculator app with a clean UI in light/dark mode.” Within minutes, it built the entire app with a beautiful UI, logic, light/dark mode, animations, and full responsiveness. Literally no setup. No debugging headache. Just vibe coding. Here’s why Replit stands out 👇 ✅ Build in Plain English: Just describe what you want and Replit turns it into a production-ready app. ✅ All-in-One Platform: Code, AI help, hosting, auth, and database, everything you need, already built in. ✅ Vibe Code Anywhere: Build on the go with the Replit mobile app for iOS & Android. ✅ Connected Ecosystem: Integrate with tools you already use like Notion, Slack, Google Drive, Dropbox, and more. ✅ Design to Live App: Import directly from Figma and bring your ideas to life in minutes. No micromanaging. No chaos. Just you, your idea, and Replit doing the heavy lifting. 👉 Try it now: 🎁 Get $10 credit when you purchase Replit Core via my referral link. → #Replit #VibeCoding #AIApps #NoCode #BuildWithReplit #AItools #ReplitCore
0:36

Still relying on AI tools that can’t turn your ideas into real, working apps? Most can write code snippets but fall apart when it’s time to actually build something complete. That’s where Replit ⠕ changes everything. I simply asked it: “Build a responsive calculator app with a clean UI in light/dark mode.” Within minutes, it built the entire app with a beautiful UI, logic, light/dark mode, animations, and full responsiveness. Literally no setup. No debugging headache. Just vibe coding. Here’s why Replit stands out 👇 ✅ Build in Plain English: Just describe what you want and Replit turns it into a production-ready app. ✅ All-in-One Platform: Code, AI help, hosting, auth, and database, everything you need, already built in. ✅ Vibe Code Anywhere: Build on the go with the Replit mobile app for iOS & Android. ✅ Connected Ecosystem: Integrate with tools you already use like Notion, Slack, Google Drive, Dropbox, and more. ✅ Design to Live App: Import directly from Figma and bring your ideas to life in minutes. No micromanaging. No chaos. Just you, your idea, and Replit doing the heavy lifting. 👉 Try it now: 🎁 Get $10 credit when you purchase Replit Core via my referral link. → #Replit #VibeCoding #AIApps #NoCode #BuildWithReplit #AItools #ReplitCore

Manish Kumar Shah

50,539 views • 7 months 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
0:30

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

391,425 views • 16 days ago

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.
1:52

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

Brian Armstrong

520,346 views • 2 years ago

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4
0:54

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

kartik

756,067 views • 3 years ago

.GitHub 🤝 AI Studio. Build your AI-powered apps, connect your GitHub account, and seamlessly commit changes, all from within Google AI Studio. Start creating:
0:28

.GitHub 🤝 AI Studio. Build your AI-powered apps, connect your GitHub account, and seamlessly commit changes, all from within Google AI Studio. Start creating:

Google AI Developers

40,406 views • 9 months ago