About Handpick

Handpick is a small, free, open-source browser extension for Chrome and Safari. Press ⌘⇧1 on any webpage, hover an element, click it, and paste it into Figma as native editable layers — real text, real auto layout, vectors, images, shadows, and gradients. Not a screenshot. No account, no analytics, no server of ours.

Why it exists

Designers keep rebuilding the web by hand. You see something you want to work from, screenshot it, trace it, or rebuild every layer from scratch. Handpick skips that. It reads the element you point at, converts the whole subtree into Figma's clipboard format, and puts it on your clipboard in a couple of seconds.

How it works

• Press ⌘⇧1 to arm the picker. Your cursor becomes a crosshair and the element under it is outlined.
• Click the element. Handpick reads its real structure and computed styles, then converts the whole subtree.
• Switch to Figma and press ⌘V. You get editable layers you can keep designing with.
• Press ⌘⇧2 to capture an entire page as one frame, or use arrow keys to walk the DOM without the mouse.
• Conversion happens entirely in your browser. On Safari, a small Mac app writes the clipboard natively because WebKit strips the data Figma reads.

Privacy by construction

There is no account to create and no server to talk to. Handpick collects nothing — no analytics, no telemetry, no usage tracking. It reads a page only while the picker is armed, and only the element you choose. Network requests happen only to fetch images and fonts belonging to a captured element, sent without cookies or credentials to those sites and CDNs, not to us.

Open source

Handpick is free and open source. The code, issue tracker, and releases all live on GitHub.