Gemini · AI tool

Get feedback on pages from Gemini Canvas

Built a page or prototype in Gemini Canvas? Copy the code into one HTML file, upload it, and share a link where people pin comments to any element. The brief goes back to Gemini in one paste.

Free for 3 projects. Reviewers never need an account. Or upload an HTML file.

Why Gemini users use HTMLAnnotate

Gemini Canvas gives you a live preview while you build, so a landing page or small app can take shape fast. Getting other people's opinions is harder. A Canvas public link lets people view the app and make their own copy, but there is no place for them to leave notes on it, and the link opens only on gemini.google.com, not in the Gemini mobile app. So feedback drifts into chat threads and emails, away from the page itself.

Those messages are hard to turn into changes. Someone writes "the cards look off on my phone" and you do not know which cards, or which phone width. A screenshot shows the problem but not the element, and a video shows one path through the page. When you pass this to Gemini, you are translating loose notes into instructions, and the next version can fix one thing while breaking another.

With HTMLAnnotate, reviewers click the actual element and type. Each note stays in the Desktop, Tablet or Mobile view it was left in, and copy changes arrive as suggested text you can preview on the page. When you are ready for the next version, Copy for AI gives you one brief with the element, CSS selector, view and wording for every open comment, which you paste straight into Gemini.

How it works with Gemini

Three steps, about a minute.

Get the HTML

In the Canvas panel, click Code at the top right, select all of the code and copy it. Paste it into a text file and save it ending in .html.

Upload

Drop the file into HTMLAnnotate. It accepts one self-contained HTML file (up to 1 MB on Free, 10 MB on Pro and Team) and returns a review link in seconds.

Share and iterate

Send the link to reviewers. Once comments are in, press Copy for AI and paste the brief into the Gemini chat that holds your Canvas.

A full review round, start to finish

What a typical round looks like on Gemini.

Ask Gemini for one file
Before copying, ask Gemini to keep everything in a single HTML file: CSS and JavaScript inline, images embedded or loaded from public URLs. If Canvas built a React app, ask for a standalone HTML version so the page can run on its own outside Gemini.
Check for errors, then copy
Click Show console in the Canvas panel and clear any errors first. Then open Code, copy the whole file, and save it as .html. Open it in your own browser to confirm it renders without Gemini around it.
Create the review link
Upload the file to HTMLAnnotate. Sign in first if the round needs more than a day: links last 1 day without an account, up to 14 days on Free, and forever on Pro and Team. Turn on email digests for new comments.
Invite reviewers
Send the review link with what you want checked. Reviewers give a name and email once, use Browse mode to try the page, then Comment mode to click and type. Unlike a Canvas share, it opens the same way in any phone or desktop browser.
Work through the notes
Label each comment Bug, Copy, Design, Question or Idea and set a priority. Reply where you need more detail. Open suggested text to preview the new wording on the page, press Accept on the ones you want, and resolve the rest.
Paste the brief into Gemini
Press Copy for AI and paste it into the same Gemini chat. Ask Gemini to update the Canvas and return the full file. Copy it out again, upload it for the next round, and collect Approve clicks to sign off.

Gemini's own tools and HTMLAnnotate

Use both. Here is what each is good at.

What you need	Gemini Canvas	HTMLAnnotate
Show the page to someone	Share & export, then Copy link for a public g.co/gemini/share link	Review link that opens in any browser
Open it on a phone	Shared links open on gemini.google.com, not the mobile app	Mobile view plus any phone browser
Comments from reviewers	Not offered	Pinned comments on any element
Viewers editing your work	Viewers can Copy Canvas to make their own version	Reviewers comment, the page stays yours
Debug the page	Show console and Code view	Not offered, fix in Gemini
Turn feedback into a brief	You write it yourself	Copy for AI with selectors, views and replies

What works

A review link for a page that lived only in a Gemini chat
Opens in any browser, including on phones
Comments pinned to elements, with CSS selectors
Separate Desktop, Tablet and Mobile notes
Suggested wording previewed live and accepted in one click
One Copy for AI brief for the next Gemini version

Good to know

Gemini's export options cover Docs, Slides and Colab, not an HTML file, so you copy the code from Code view yourself.
Uploads must be one self-contained HTML file (up to 1 MB on Free, 10 MB on Pro and Team). Ask Gemini to inline CSS, scripts and images first.
Apps that use Gemini features or stored app data inside Canvas will not have those in an uploaded copy.
There is no direct connection to Gemini. You paste the Copy for AI brief into the chat.

Tips for better Gemini reviews

Clear the console first

Click Show console in Canvas before you copy the code. Errors that Gemini's preview tolerates can stop parts of the page from working once it runs on its own, and reviewers will report them as bugs.

Use Show recent changes

After Gemini applies a brief, open Code and choose Show recent changes to check what it touched. It is a quick way to confirm every comment was handled before the next upload.

Keep the public link for demos

A Canvas public link lets viewers make their own copy and edit app data. For client rounds, send the HTMLAnnotate link instead so people comment on your version without changing anything.

Version your file names

Save each copy as page-v1.html, page-v2.html and so on. Each upload becomes a new review link, and clear names make it easy to tell rounds apart.

Questions about Gemini

How do I download HTML from Gemini Canvas?

Canvas does not list an HTML download. Click Code at the top right of the Canvas panel, copy all of the code, paste it into a text file and save it with an .html ending.

Can't I just send the Canvas share link?

You can, and it is fine for a quick look. Viewers cannot leave comments, they can make their own copy and edit app data, and the link opens only on gemini.google.com, not in the Gemini mobile app.

Does Gemini need to be connected?

No. You press Copy for AI in HTMLAnnotate and paste the brief into the Gemini chat that holds your Canvas. A direct connection to AI tools is not available yet.

Do reviewers need a Google account?

Not for HTMLAnnotate. They open the review link in any browser, on desktop or phone, and give a name and email the first time they comment. Nothing else is needed.

Is it free?

Yes. The Free plan covers 3 active projects with unlimited pages, reviewers and comments. Links last up to 14 days when you are signed in, or forever on Pro.

Can several people review at once?

Yes. Everyone uses the same link, sees each other's comments, can reply in threads, and can press Approve when they are happy. You see the approval count as it grows.

Other AI tools

HTMLAnnotate works with any page anyone can open in a browser.

Claude ChatGPT v0 Lovable Bolt Cursor Replit +See all