Works with · Framer

Framer · Website builder

Client feedback on Framer sites

Paste your Framer site link into HTMLAnnotate and send the review link. Clients click the exact heading or button they mean, on Desktop, Tablet or Mobile, without a Framer account.

Free for 3 projects. Reviewers never need an account.

Why Framer teams use HTMLAnnotate

Framer sites live on motion: scroll effects, hover states, page transitions. That is also what makes feedback hard. A screenshot freezes the one moment that matters, and a client describing "the bit that slides in" could mean three different things. Designers and small studios publish to a framer.website or framer.app address, send it over, and then spend the next day decoding replies about which section and which screen size the note was about.

Framer's own comments are good for your team. They live on the canvas, you press C to pin a note, and viewers are free. The catch is that a client has to join the project to use them, and many clients would rather not learn an editor to say the headline is too long. Loom recordings and email threads fill the gap, but they are slow to go through and easy to lose.

HTMLAnnotate puts comments on the published site itself. Your client opens one link, uses the site normally in Browse mode, then switches to Comment mode and clicks the exact heading, button or image they mean. Your effects keep running. Each note records the page, the view, and their browser and screen size, so you know whether a complaint is about the phone layout or a small laptop before you open Framer.

How it works with Framer

Three steps, about a minute.

Publish the site

Click Publish in the top right of Framer. Your free framer.website or framer.app address works, and so does a custom domain if one is connected.

Paste the link

Paste the published address into HTMLAnnotate. It turns it into a review link that keeps Framer's effects and page transitions running.

Share and collect

Send the link. Clients comment in place with no Framer account, and you reply, resolve and copy the list into your AI tool.

A full review round, start to finish

What a typical round looks like on Framer.

  1. Publish a review version

    Publish the latest changes so the address reflects what you want reviewed. If Password Protection is on in your project's General settings, turn it off for the round: Framer's password screen is a form, and HTMLAnnotate can't import pages behind it yet.

  2. Make the review link

    Paste the published address into HTMLAnnotate. Signed in on Free, a link lasts up to 14 days, enough for most rounds. On Pro or Team it never expires, which helps when a client takes weeks to reply.

  3. Tell the client what to check

    Ask them to scroll each page in Browse mode first so they see the effects as visitors will, then switch to Comment mode for notes. Point out the Tablet and Mobile switches, since many Framer layouts change a lot between breakpoints.

  4. Triage the notes

    Label each comment as Copy, Design, Bug, Question or Idea, and set priority from low to urgent. When the client suggests new wording, open the comment to see it live on the page, then press Accept if it works.

  5. Make the changes in Framer

    Copy for AI gives you every open note with the element, CSS selector, view and page path. Fix things on the canvas, or paste the brief into ChatGPT or Claude to plan the edits, then publish again.

  6. Sign-off

    The review fetches the site fresh each time it opens, so the client sees your latest publish. Resolve comments as each fix lands. When everything looks right, the client presses Approve and you can switch comments off on the link.

Framer's own tools and HTMLAnnotate

Use both. Here is what each is good at.

What you needFramer commentsHTMLAnnotate
Where notes are leftOn the canvas inside the Framer projectOn the published site in any browser
Who can commentPeople you invite to the project, viewers are freeAnyone with the link, no account
Best suited toDesigners and teammates working in Framer togetherClients and stakeholders reviewing the live site
Reviewer joins your projectYes, as a viewerNo, they only open a link
Cost for reviewersViewers are freeFree, reviewers never pay

What works

  • Scroll effects, hover states and page transitions keep working
  • Notes are kept apart per view: Desktop, Tablet and Mobile
  • Suggested text edits show the new words on the page before you change anything
  • Approve button so the client can sign off when it's right
  • Works on framer.website, framer.app and custom domains alike
  • Clients never join your Framer workspace or see the canvas

Good to know

  • Framer's Password Protection puts a form in front of the site, so protected sites can't be imported yet. Switch it off for the review round.
  • Very heavy WebGL or 3D effects may run slower inside the review than on the live site.
  • Forms on the reviewed copy can't be submitted, so form tests should happen on the live site.

Tips for better Framer reviews

Line up the breakpoints

HTMLAnnotate's Tablet view is 820px wide and Mobile is 390px. Check your Tablet and Phone breakpoint widths in Framer so you know which layout each view will show.

Publish before you share

Framer serves the last published version, not your canvas. Publish right before you send the review link, and again after each batch of fixes, so nobody comments on yesterday's layout.

Point out the motion

If a section animates on scroll, mention it in your message. Clients sometimes comment on the first frame of an effect, so ask them to scroll past it in Browse mode first.

Use one link per round

Keep the same review link for a round so every note stays in one list. Start a fresh project only for a big redesign, so old comments don't get mixed in.

Questions about Framer

Is this better than Framer's built-in comments?

They do different jobs. Framer comments sit on the canvas and suit your team inside the project. HTMLAnnotate works on the published site, so clients comment without joining the project, and you get labels, Approve, suggested wording and exports.

Does my client need a Framer account?

No. They open the review link in any browser and give their name and email the first time they comment. They never see your project or canvas.

Can clients review the phone layout?

Yes. They switch to Mobile in the review bar, and their notes stay in the mobile view. Tablet and Desktop work the same way, each with its own comments.

Does it work on a framer.app or framer.website address?

Yes. Paste whichever address the site is published on, whether that is a free Framer subdomain or your own custom domain. The review fetches the site fresh each time it opens, so it always shows your latest publish.

Can I review a password-protected Framer site?

Not yet. Framer's Password Protection shows a sign-in form, which HTMLAnnotate can't get past. Turn it off in your project's General settings for the review round, then switch it back on.

Do my animations still play during the review?

Yes. Imported sites run live with their own scripts, so scroll effects, hover states and transitions behave as they do for visitors. Very heavy 3D effects may run a little slower.

Other website builders

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