Design PickoSteal inspiration.
Ship better designs.
Design Picko is the toolkit every Figma designer wishes they had in the browser. Snapshot pages to Figma, A/B test live, inspect fonts & colors, export images, and visualize heatmaps — all from one extension.
v1.0.0 · Chrome, Edge, Brave, Arc
Everything you need, one click away
HTML → Figma
One click captures the page (layout, text, fonts, colors, images) as a structured snapshot ready for our Figma plugin.
A/B Test Ideas
Change text, fonts, colors, gradients & buttons live in the browser. Iterate without touching code.
Image Export
Pull every image on the page — including CSS backgrounds and srcset variants — in one click.
Inspect Fonts & Colors
Hover any element to see the exact font family, size, weight, color, background, and dimensions.
Heatmap
Predictive saliency heatmap on any page. Pro plan unlocks real click & scroll heatmaps via tracking snippet.
Install in 30 seconds
- 1. Download the ZIP and unzip it anywhere on your computer.
- 2. Open
chrome://extensionsin Chrome (or Edge/Brave/Arc). - 3. Toggle Developer mode on (top-right).
- 4. Click Load unpacked and select the unzipped
design-pickofolder. - 5. Pin Design Picko to your toolbar and open any website.
The Chrome Web Store listing is coming soon — for now, sideload via Developer mode.
Simple pricing
- ✓ HTML → Figma — 12 pages / month
- ✓ A/B test ideas — unlimited
- ✓ Image export — unlimited
- ✓ Inspect fonts & colors
- ✓ Predictive heatmap
- ✓ HTML → Figma — unlimited
- ✓ A/B test ideas — unlimited
- ✓ Image export — unlimited
- ✓ Inspect fonts & colors
- ✓ Real heatmap tracking — up to 3 sites