EveryDev.ai
Sign inSubscribe
  1. Home
  2. Tools
  3. Google AI Studio
  4. Annotate mode: draw on UI → code

Annotate mode: draw on UI → code

Joe Seifi's avatar
Joe Seifi
4mo·Apple, Disney, Adobe, Eventbrite,…

Google just showed off Annotate mode in Google AI Studio and it’s exactly the kind of vibe-coding magic we’ve been waiting for. You open your app in the Build view, hit Annotate, literally draw on the live preview. Little arrows, circles, quick notes like “make this button sticky” or “padding 24px” and Gemini turns those markings into real code changes, then refreshes the preview.

It’s surprisingly natural and super innovative!

Handy links if you want to see the demo clip for the feature on X/Twitter

Comments

Sign in to join the discussion.

Joe Seifi's avatar
Joe Seifi4 months ago

Here's the other tweet that contains a better visual of the annotation mode

Explore AI Tools
  • AI Coding Assistants
  • Agent Frameworks
  • MCP Servers
  • AI Prompt Tools
  • Vibe Coding Tools
  • AI Design Tools
  • AI Database Tools
  • AI Website Builders
  • AI Testing Tools
  • LLM Evaluations
Follow Us
  • X / Twitter
  • LinkedIn
  • Reddit
  • Discord
  • Threads
  • Bluesky
  • Mastodon
  • YouTube
  • GitHub
  • Instagram
Get Started
  • About
  • Advertise
  • Contact Us
  • Newsletter
  • Submit a Tool
  • Start a Discussion
  • Write A Blog
  • Share A Build
  • Terms of Service
  • Privacy Policy
Explore with AI
  • ChatGPT
  • Gemini
  • Claude
  • Grok
  • Perplexity
Agent Experience
  • llms.txt
Theme
With AI, Everyone is a Dev. EveryDev.ai © 2026
Main Menu
  • Tools
  • Developers
  • Topics
  • Discussions
  • News
  • Blogs
  • Builds
  • Contests
Create
Sign In
    Sign in