Loading video...

Video Failed to Load

Go Home

Introducing Annotate mode ✏️ while you vibe code in Google AI Studio, mark up any UI with simple drawing tools and then have Gemini action them directly in the code!

OfficialLoganK's profile picture

Logan Kilpatrick

320,867 subscribers

251,782 views • 7 months ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Google vibe coded so hard we can now code frontend by drawing on it like a whiteboard 😂 While you're in Google AI Studio, just grab the drawing tools, mark up any UI element, and watch Gemini turn your scribbles into actual code. oh yea now we don't write code anymore, we draw it
0:45

Google vibe coded so hard we can now code frontend by drawing on it like a whiteboard 😂 While you're in Google AI Studio, just grab the drawing tools, mark up any UI element, and watch Gemini turn your scribbles into actual code. oh yea now we don't write code anymore, we draw it

corbin

187,730 views • 7 months ago

Today we are rolling out edit mode in AI Studio Vibe Coding ✏️, select components to quickly edit them, annotate right on the UI with a pen, and select image assets to change them with Nano Banana + upload content!
0:39

Today we are rolling out edit mode in AI Studio Vibe Coding ✏️, select components to quickly edit them, annotate right on the UI with a pen, and select image assets to change them with Nano Banana + upload content!

Logan Kilpatrick

134,871 views • 1 month ago

Learn how to ✨vibe-code✨ your own apps with Gemini and Cursor in Google AI Studio with Ammaar Reshi.
10:18

Learn how to ✨vibe-code✨ your own apps with Gemini and Cursor in Google AI Studio with Ammaar Reshi.

Google AI Developers

36,949 views • 1 year ago

We asked, you vibe coded. We’re kicking off this year’s keynote with numbers you helped vibe code in Google Gemini and Google AI Studio. Your countdown submissions are kicking off #GoogleIO in 10…9…8…
0:57

We asked, you vibe coded. We’re kicking off this year’s keynote with numbers you helped vibe code in Google Gemini and Google AI Studio. Your countdown submissions are kicking off #GoogleIO in 10…9…8…

Google

79,866 views • 16 days ago

Visual Studio Code extensions can contribute tools to Copilot agent mode - see this in action with the Prompt Boost extension 👇
1:27

Visual Studio Code extensions can contribute tools to Copilot agent mode - see this in action with the Prompt Boost extension 👇

Visual Studio Code

17,531 views • 1 year ago

Introducing Gemini 3 ✨ It’s the best model in the world for multimodal understanding, and our most powerful agentic + vibe coding model yet. Gemini 3 can bring any idea to life, quickly grasping context and intent so you can get what you need with less prompting. Find Gemini 3 Pro rolling out today in the Google Gemini and AI Mode in Search. For developers, build with it now in Google AI Studio and Vertex AI. Excited for you to try it!
0:51

Introducing Gemini 3 ✨ It’s the best model in the world for multimodal understanding, and our most powerful agentic + vibe coding model yet. Gemini 3 can bring any idea to life, quickly grasping context and intent so you can get what you need with less prompting. Find Gemini 3 Pro rolling out today in the Google Gemini and AI Mode in Search. For developers, build with it now in Google AI Studio and Vertex AI. Excited for you to try it!

Sundar Pichai

2,947,824 views • 6 months ago

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:
0:20

One Prompt. One Iteration. That’s all it took to vibe code this super sleek 3D orbital gallery using Three.js with Gemini 3.1 Pro in Google AI Studio. Period. Live: Code:

The Bugged Dev

45,706 views • 1 month ago

ICYMI: Google AI Studio now has code assist in the Apps section. Now you can do vibe coding straight inside AI Studio from anywhere with diffs and all that stuff.
1:27

ICYMI: Google AI Studio now has code assist in the Apps section. Now you can do vibe coding straight inside AI Studio from anywhere with diffs and all that stuff.

TestingCatalog News 🗞

48,124 views • 1 year ago

Introducing Auto Mode in Visual Studio Code...
0:56

Introducing Auto Mode in Visual Studio Code...

Burke Holland

23,349 views • 8 months ago

The power of agent mode in Visual Studio Code is in the diversity of tools available to help you get the job done 🛠️
1:01

The power of agent mode in Visual Studio Code is in the diversity of tools available to help you get the job done 🛠️

Visual Studio Code

31,161 views • 1 year ago

Ok this is wild. In Google AI Studio you can draw on your screen and the AI will build whatever you draw Vibe drawing. Google COOKED
0:28

Ok this is wild. In Google AI Studio you can draw on your screen and the AI will build whatever you draw Vibe drawing. Google COOKED

Alex Finn

100,378 views • 7 months ago

Vibe code video games with dynamic AI commentary using the latest Gemini Live in Google AI Studio! 🏏 I made a cricket game to show you how: - Real-time AI reactions - Switches to Urdu/Hindi - Play as Sundar Pichai or Demis Hassabis (assets via nano banana) Demo + code below 👇
0:41

Vibe code video games with dynamic AI commentary using the latest Gemini Live in Google AI Studio! 🏏 I made a cricket game to show you how: - Real-time AI reactions - Switches to Urdu/Hindi - Play as Sundar Pichai or Demis Hassabis (assets via nano banana) Demo + code below 👇

Ammaar Reshi

19,495 views • 8 months ago

Introducing the new AI first vibe coding experience in Google AI Studio! Built to take you from prompt to production with Gemini, and optimized for AI app creation. Start building AI apps for free : ) More updates and features to come!
4:40

Introducing the new AI first vibe coding experience in Google AI Studio! Built to take you from prompt to production with Gemini, and optimized for AI app creation. Start building AI apps for free : ) More updates and features to come!

Logan Kilpatrick

1,580,520 views • 7 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

Turn your designs directly into code using Figma's Dev Mode MCP server in Visual Studio Code - now available in open beta!
0:29

Turn your designs directly into code using Figma's Dev Mode MCP server in Visual Studio Code - now available in open beta!

Visual Studio Code

177,775 views • 1 year ago

Introducing DevKit 3.0 🥁 Build software 10x faster with access to 5+ LLMs and 30+ mini-tools ✨ 3.0 adds Gemini & Llama, UI code previews, Visual Studio Code extension, and more! We're live on Product Hunt 😸 Please SMASH the upvote button and Retweet 🔨😇
1:14

Introducing DevKit 3.0 🥁 Build software 10x faster with access to 5+ LLMs and 30+ mini-tools ✨ 3.0 adds Gemini & Llama, UI code previews, Visual Studio Code extension, and more! We're live on Product Hunt 😸 Please SMASH the upvote button and Retweet 🔨😇

Harsh Agrawal | itsharshag.com

100,251 views • 1 year ago

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️
0:41

Gemini 3 Pro in Google Search can help you quickly visualize complex topics, right in AI Mode. When you select “Thinking with 3 Pro” from the model drop-down menu in AI Mode, Gemini 3 will build a custom response to your question with visual elements so you can quickly get a richer and more helpful understanding of any topic. See it in action ⬇️

Google

183,977 views • 4 months ago

Gemini Code Assist now shares the same technology with Gemini CLI! In VS Code, place any prompt into the chat window using agent mode, and Code Assist will work to write tests, fix errors, build out features, or migrate your code →
1:13

Gemini Code Assist now shares the same technology with Gemini CLI! In VS Code, place any prompt into the chat window using agent mode, and Code Assist will work to write tests, fix errors, build out features, or migrate your code →

Google Cloud Tech

62,317 views • 10 months ago

Introducing EntelligenceAI extension for VS Code, Cursor & Windsurf! 🚀 Review your code directly in your IDE before you even merge & get instant feedback as you vibe with your code! ⚡️ Check it out in the link below
0:40

Introducing EntelligenceAI extension for VS Code, Cursor & Windsurf! 🚀 Review your code directly in your IDE before you even merge & get instant feedback as you vibe with your code! ⚡️ Check it out in the link below

Entelligence AI

93,399 views • 1 year ago

We partnered with artists, designers, and builders to create new AI tools that solve real problems in their creative workflows. Here’s what’s new: — Introducing Google Pics in Google Workspace: A brand-new image creation & editing tool. Move and resize objects, add text, and translate just by hovering and clicking — Big updates to صافي النيه😉: 1) You can now create with Gemini Omni Flash in Google Flow 2) Google Flow Agent is a multi-step creative partner that reasons and plans complex tasks with you. 3) Google Flow tools are custom tools you can “vibe code” for animations, video effects, text layering & more — Design live with Stitch by Google: Now, you can use text or voice prompts to edit layouts in real time then export those designs straight to code — More creative control in صافي النيه😉Music: Edit songs section by section, remix the style of full songs, and create music videos with our new Gemini Omni Flash model
0:44

We partnered with artists, designers, and builders to create new AI tools that solve real problems in their creative workflows. Here’s what’s new: — Introducing Google Pics in Google Workspace: A brand-new image creation & editing tool. Move and resize objects, add text, and translate just by hovering and clicking — Big updates to صافي النيه😉: 1) You can now create with Gemini Omni Flash in Google Flow 2) Google Flow Agent is a multi-step creative partner that reasons and plans complex tasks with you. 3) Google Flow tools are custom tools you can “vibe code” for animations, video effects, text layering & more — Design live with Stitch by Google: Now, you can use text or voice prompts to edit layouts in real time then export those designs straight to code — More creative control in صافي النيه😉Music: Edit songs section by section, remix the style of full songs, and create music videos with our new Gemini Omni Flash model

Google AI

13,942,824 views • 16 days ago