MADE FOR DESIGN WORK

Capture pages at your width.

Choose a width. Capture a full page, visible view, or element. Save a PNG or copy Figma layers when available.

Breakpoint Capture toolbar with current width, capture modes, account, and plan controls
Breakpoint Capture result showing a captured page, its width, and Copy, Figma, and PNG actions
Actual Breakpoint Capture interface

One page. The width you choose.

Three steps from page to usable output.

Actual result panel with a page preview, capture width, and Copy, Figma, and PNG actions
  1. 01

    Choose a width

    Use the current window, Desktop 1440 px, Tablet 768 px, Mobile 390 px, or a custom size.

  2. 02

    Capture what matters

    Take a full-page screenshot, the visible view, or one selected element.

  3. 03

    Use the result

    Download or copy the PNG. Copy to Figma when the result supports it.

The right frame for every handoff.

Work with the whole page, the current view, or one element. Pick the width that matches the design you need to inspect.

A / WIDTHS

Start with a preset. Adjust when you need to.

Use the current window or choose Desktop, Tablet, Mobile, and custom widths. Presets can be edited.

B / MODES
FULL PAGE ↗VISIBLE VIEW ◫ELEMENT □

Capture the right scope.

Capture the full page, the visible viewport, or a selected element.

C / RESULTS
1440pxFULL PAGE

Keep the width in view.

Every result shows the selected size and width, so handoff stays clear.

A screenshot you can use.

Keep the pixels as a PNG, or copy design data into Figma when editable conversion succeeds.

Save or copy the PNG.

Use the screenshot as a visual reference, share it, or bring it into your design file. Very tall results can be downloaded as image slices.

Copy layers when available.

Paste editable layers into Figma when conversion succeeds. Some fonts, images, and complex styles can differ from the PNG; visible-view captures may paste as one image.

PRIVACY & PERMISSIONS

Your captures stay in your browser.

Screenshots and page contents are processed locally. They are not sent to a Breakpoint Capture server. Account sign-in and the monthly allowance use Supabase; license checks contact the billing service.

Read the privacy policy
01

Chrome shows a debugging notice while the extension sets a capture width and takes a screenshot.

02

Figma may request optional access to image hosts to fetch artwork missing from editable layers.

03

Downloads happen only when you choose a download action.

A simple place to start.

Capture at any width with the Free plan. Pro is planned for heavier use.

FREEAVAILABLE IN THE EXTENSION
$0/ month

20 capture starts per account, per UTC calendar month.

  • Full page, visible view, or element
  • Preset and custom widths
  • PNG and Figma actions on existing captures
Install link coming soon
PROCOMING SOON
$4USD / month · planned

Unlimited capture starts for the account using an active Pro license.

  • Everything in Free
  • No monthly capture-start limit
  • License activation in the extension
Coming soon

One capture start uses a Free slot, including a cancelled or failed attempt. Copying, downloading, or using Figma on an existing result does not use another slot. The Free allowance resets at 00:00 UTC on the first day of each month.

Before you capture.

What uses one capture start?

Starting a new full-page, visible-view, or element capture uses one slot. Cancelled and failed starts also count. Copying, downloading, and using Figma on an existing result do not use another slot.

Will the Figma result match the page exactly?

Conversion varies by page. Some fonts, artwork, and complex CSS may differ from the PNG. When editable layers are unavailable for a visible-view capture, Figma can copy the screenshot as one image.

Why does Chrome say the extension is debugging the browser?

The extension uses Chrome’s debugger API to set the selected width and capture the page. Chrome displays a notice during that operation; the extension detaches afterward.

Where do screenshots and account data go?

Captures are processed locally in your browser. Screenshots and page contents are not sent to a Breakpoint Capture server. Email sign-in and Free usage checks contact Supabase; Pro license checks contact the billing service and Lemon Squeezy.

Can I use it on every Chrome page?

No. Chrome internal pages and the Chrome Web Store do not support extension capture. Use it on a regular web page in Chrome 124 or later.

Ready for the next width?

Choose the page, choose the frame, and keep the result.

How it works ↑