drafty

Annotate any website. Comments land on the spot.

Paste a URL, share the link. Your client clicks the heading, the button, the footer — and leaves a note pinned exactly there. No Chrome extension, no account, no 'the bit near the top left.'

Paste any URLNo extensionClient just clicks
drafty.im/canvas/acme-homepagev1v2
acme-homepage
the CTA button needs more contrast
claude code
$ drafty comments inbox
the CTA button needs more contrast· acme-homepage
✦ Claude is working…
pushed v2 — same link · thread resolved
Your client pins a note to the exact element — Claude reads it and ships a fix on the same link.

The feedback you're getting today

Scattered across chat — every note a guess at which version, which element.

Maya (client)
Today 4:12 PM
saw the landing page, looks great 🙌
can you make the logo bigger though
which one — header or footer?
this one
that's the old version 😅 are you on the link I sent, or a screenshot?
…the screenshot

Every message here is a comment that belonged on the artifact. In Drafty they tap the exact spot and the note pins there — threaded, on one link that's always the current version. No “which one,” no screenshots, no “FINAL.html.”

How it works

01

Drop in the URL

Paste your live or staging site into Drafty. It becomes a review board that opens in any browser — no code to add, no snippet to install.

.html.md
drafty.im/x9k
02

Client clicks the exact spot

They hover any element — a heading, a button, a nav link — click, and type. The note is pinned there. No screenshot, no 'the thing near the top right.'

03

Every note in one thread

Annotations stay anchored to the element even as the conversation grows. Reply, resolve, reopen — without losing the original context.

YouJaneLove this line

Why people switch

The old way
  • 'Can we make it pop?' arrives by email with a red arrow on a screenshot
  • Client needs to install a browser extension just to leave a note
  • Notes scattered across email, Slack, and a marked-up screenshot
With Drafty
  • Element-anchored comments on the live siteFeedback is pinned to the exact element, in context, with no guessing
  • Guest commenting on a public linkThey click the link and annotate — on desktop or phone, no install
  • One threaded review board per siteAll feedback in one place, tied to the URL

Who it's for

Freelance designer

Send the client the staging link. They annotate the header color, the button copy, the mobile menu — right on the page. Not in an email chain.

Solo consultant

Share the live site before handoff. The client marks up their own site and you both know exactly what still needs fixing.

Indie builder

Drop your v0 app URL and share it with testers. They annotate without signing up. You read every note in one thread.

Questions

Does my client need a browser extension to annotate the website?
No. Drafty loads the site through a shared link — your client opens it and clicks to comment, with nothing to install.
Do reviewers need to create an account?
No. They open the link and annotate as a guest. No signup, no login.
Can I annotate a live website I don't own?
Yes — paste any public URL into Drafty and share the review link. The site's owner doesn't need to change anything.
Does website annotation work on mobile?
Yes. The review board renders and accepts comments on phones and tablets, not just desktop.
How is this different from taking a screenshot and circling things?
Screenshots detach from the live page and land in email. Drafty pins each note to the actual element — so when the page updates, the feedback is still in context.
Can multiple people annotate the same website at once?
Yes. Everyone with the link can leave notes. Threads stay anchored to their element so you can follow each thread independently.

Keep exploring

Share a link. Get comments on the page.

Free to start. No account for reviewers. Works on any device.