Lilac Fragment
Get a free proposal
Get a free proposal

Margin.

Mark up UI issues on any page, number the details, and hand over a clean review in Google Docs or Word.

Add to Chrome (opens the Chrome Web Store in a new tab)Help and support

Cannot use the Chrome Web Store? Download the zip and install it yourself.

Open source on GitHub, MIT license (opens in a new tab)

Margin's right-click menu open on the Lilac Fragment home page, with options to comment on one element or the whole visible area.

A review in three steps.

Margin lays a sheet over the page you are reviewing. Nothing on the page changes.

  1. Mark what looks wrong.

    Start Margin on the page you are reviewing. Drag over anything that looks wrong and Margin takes a screenshot of it.

    Margin open on the Lilac Fragment home page, with a box around the hero buttons, two numbered markers and a note beside them.

  2. Say why and number the details.

    Write what is wrong and pick a severity. Then add numbered markers, boxes and arrows to the screenshot, each with its own note.

    The Margin image editor with a numbered marker and a numbered arrow on a screenshot, and a note for each.

  3. Hand over the review.

    Copy the whole review into Google Docs, download it as a Word or HTML file, or send it to Jira or Figma. Verify the fixes on a page in one pass to show each one before and after.

    The Margin report with three issues by severity, and a before and after screenshot of the first one.

  • Four severities

    Blocker, major, minor and nit, so the team can see what to fix first.

  • Selectors when you want them

    Click an element to keep its CSS selector with the comment. Press S to switch it on or off.

  • Before and after

    Recheck a comment once it is fixed and the report shows both screenshots side by side.

  • Keyboard first

    Press Alt+Shift+A to start and Esc to stop. The editor has shortcuts for every tool.

Your reviews stay on your computer.

Margin keeps comments, screenshots and settings in Chrome. It has no account and no tracking, and a review only leaves your computer when you send it to Jira or Figma yourself.

Read the privacy policyRead the source code (opens GitHub in a new tab)

On the roadmap.

What we plan to build next, in order. Plans can change as we hear from people using Margin.

  1. Syncing tasks, so a status change in Jira shows in Margin
  2. Workspaces and shared reviews
  3. Agent handoff
  4. Two-way Figma comment sync, with Jira links added to frames as dev resources
  5. Accessibility check on the selected area
  6. Off-token check against a design system
  7. Linear and GitHub Issues export
  8. MCP server so coding agents can read and close reviews

Questions about Margin.

Ask us on WhatsApp

In Chrome on your computer. Margin keeps your comments, screenshots and settings in the browser. There is no Margin account to sign in to.

Get a browser extension built for your team.

We build Chrome extensions and plugins around the way your team works.

Tell us what you need

Or write to us directly