Any web element, into Figma.
Point at anything on any webpage, click, and paste it into Figma as editable layers. Real text, real auto layout, real vectors. Not a screenshot.
Point. Click. Paste.
No plugin, no login, no export step.
Press ⌘⇧1
The picker arms on any page. 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.
Paste into Figma
⌘V puts down real layers. Edit the text, adjust the auto layout, recolour the vectors.
Press ⌘⇧1
The picker arms on any page. 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.
Paste into Figma
⌘V puts down real layers. Edit the text, adjust the auto layout, recolour the vectors.
Features
What actually comes across
Not a flat image you rebuild by hand. Real Figma layers you can keep designing with.
Text stays text
Every text node arrives as an editable Figma text layer with its real font, size, weight, spacing and colour — including the page's own custom webfonts, not a lookalike substitute.
Native auto layout
Flex, grid and block containers become real Figma stacks with the right direction, spacing, padding and hug/fill sizing. Every container is checked against what the browser actually rendered — anything that cannot be reproduced exactly falls back to absolute positioning, so the result is never worse than a fixed paste.
Shadows, gradients, radii
Drop shadows, inner shadows and blurs. Linear, radial and angular gradients. Per-corner radii and per-side borders. Stacked multi-shadow CSS arrives as stacked Figma effects.
Images and vectors intact
Inline SVG stays vector. Images come across even when the site blocks cross-origin access, and a single unreachable asset never fails the whole capture — you are told what was skipped.
Walk the DOM without the mouse
Arrow keys move to the parent, a child or a sibling while the outline follows. Enter captures. ⌘⇧2 takes the entire page as one frame.
Private by default, Chrome & Safari
No account, no analytics, no server of ours. Conversion happens entirely in your browser and goes straight to your clipboard. One codebase, both browsers.
Stop rebuilding the web by hand.
Point at it, click it, paste it. Editable Figma layers in about two seconds — free, no account, Chrome and Safari.
Free · No account required · No tracking