EveryDev.ai
Subscribe
Main Menu
  • Tools
  • Developers
  • Topics
  • Discussions
  • Communities
  • News
  • Podcasts
  • Blogs
  • Builds
  • Contests
  • Compare
  • Arena
  • Polls
Create
AI Tools by Topic
  • 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
  • Editorial Standards
  • Corrections & Disclosures
  • Community Guidelines
  • 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
    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
    October 23, 2025·Founder at EveryDev.ai
    Discuss (1)

    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

    Tagged inGoogle AI Studio

    Comments (1)

    Join the discussion

    Sign in to share your thoughts

    Joe Seifi's avatar
    Joe Seifi8 months ago

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