Copy to Figma

Demo the toolbar on this page, then unlock the extension for real sites.

Live page demo

Copy the feel of a page, not just the pixels.

This page is the trial itself. Open the toolbar, press F for the whole composition or E for a single block, and send the result into the clipboard as a Figma-friendly payload.

Press F for entire screen, E for element, Esc to close.

See pricing
  • F

    Entire screen shortcut

  • E

    Element picker shortcut

  • Esc

    Dismiss toolbar instantly

Why it feels believable

This is not a sterile sandbox. It is a fake product page designed to feel like a real one.

Canvas-friendly capture

Copy a full composition or a single card straight into a Figma-friendly clipboard payload.

Element picker

Hover the page, glide between components, and isolate the exact block you want to bring across.

Extension workflow

The paid product lives in the Chrome extension, so users can run it against real production pages.

Bento sample

A few pieces worth selecting

Demo only

Story card

Capture a polished block instead of rebuilding it by hand.

The toolbar is meant to reduce reconstruction time when a page already expresses the hierarchy you need.

Client quote

“The picker feels instant. I can grab a pricing card, a testimonial, or the whole section without losing the structure.”

Design systems team, preview build

FAQ block

What is limited on this public demo?

This build only works inside the official demo page and only captures this site’s demo container. The extension runtime stays separate.

Does the real product use the same toolbar?

Yes. The extension keeps the same menu-first flow, picker, clipboard behavior, and keyboard shortcuts.

Why not expose the full runtime here?

Because anything shipped to a public page is easier to inspect. This site uses a reduced demo-only runtime embedded in the app bundle.

Activation flow

Purchase once, activate the browser, then run it anywhere.

The live extension uses Polar license keys, validates the active browser, and opens the same toolbar you are trying on this page.

01

Install the extension after purchase

02

Activate this browser with your Polar license key

03

Run the toolbar on any page from the extension button

Pricing + checkout

The page can sell the extension without leaving the story.

Keep the demo, proof, and purchase path in one scroll. When you are ready, replace the placeholder checkout URL with your Polar checkout link and this section becomes real.

Launch plan

Copy to Figma Extension

Polar checkout
Set in Polarsingle plan
  • Chrome extension action opens the toolbar on any page.
  • Polar license key activates the current browser.
  • Menu-first flow, keyboard shortcuts, and element picker included.
  • Public demo runtime remains separate from the paid extension runtime.
Set NEXT_PUBLIC_POLAR_CHECKOUT_URL at build time to turn this into a real checkout CTA.