Main Menu
  • Tools
  • Developers
  • Topics
  • Discussions
  • News
  • Blogs
  • Builds
  • Contests
Create
Sign In
    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
    October 23, 2025·Founder at EveryDev.ai

    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 Seifi5 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
    • 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
    Sign in