P

Pluck

Click any website UI, get a clean AI coding prompt for it

PriceFree (50/mo) / $10/mo unlimitedReviewed2026-04-16

Expert verdict

Ship

3-1
3 Ships1 Skips
Visit pluck.so

The Panel's Take

Pluck is a Chrome extension that solves one of the most common friction points in AI-assisted UI development: copying a design from an existing website. Instead of wrestling with raw HTML, you click any UI component — a nav bar, a card, a form, anything — and Pluck generates a clean, structured prompt optimized for Claude, Cursor, v0, or Bolt to recreate it. The extension strips noise from the DOM, restructures styling into clean CSS specifications, and can export directly to Figma. Crucially, it works on pages behind authentication — so you can capture your own app's components, competitor dashboards, or enterprise SaaS UIs without the usual copy-paste nightmare. Built by an indie developer using Plasmo and Next.js. Free tier covers 50 captures per month; unlimited use is $10/month. The "Pluck this" workflow — spot something, generate the prompt, build it — turns browsing into a design research tool. Surfaced on Hacker News Show HN today.

Share this verdict

Pluck verdict: SHIP 🚀

3 ships · 1 skip from the expert panel

Full review: shiporskip.io/tool/pluck-chrome-extension-ui-copy-structured-prompt-ai-coding-figma-export-2026

Weekly AI Tool Verdicts

Get the next verdict in your inbox

7 critics review a new AI tool every day. Weekly digest — free.

Looking for Pluck alternatives?

Compare Pluck with every other Developer Tools tool reviewed by our panel.

See all Developer Tools alternatives

Embed this verdict

Tool makers can add a live ShipOrSkip badge to their site. Badge loads track impressions; clicks route back to this review.

Ship · 7.5/10
HTML badge
<a href="https://shiporskip.io/api/badge-click/pluck-chrome-extension-ui-copy-structured-prompt-ai-coding-figma-export-2026" target="_blank" rel="noopener"><img src="https://shiporskip.io/api/badge/pluck-chrome-extension-ui-copy-structured-prompt-ai-coding-figma-export-2026" alt="Pluck Ship verdict on ShipOrSkip" width="360" height="90" /></a>
Markdown badge
[![Pluck Ship verdict on ShipOrSkip](https://shiporskip.io/api/badge/pluck-chrome-extension-ui-copy-structured-prompt-ai-coding-figma-export-2026)](https://shiporskip.io/api/badge-click/pluck-chrome-extension-ui-copy-structured-prompt-ai-coding-figma-export-2026)
Iframe widget
<iframe src="https://shiporskip.io/embed/pluck-chrome-extension-ui-copy-structured-prompt-ai-coding-figma-export-2026" title="Pluck ShipOrSkip verdict" width="360" height="260" style="border:0;border-radius:16px;max-width:100%;" loading="lazy"></iframe>

The reviews

I do this workflow manually constantly — inspect element, copy classes, paste into Claude, iterate. Pluck automates the messy part. The authenticated-page support is the killer feature; most competitors only work on public sites. $10/month is genuinely cheap for the time it saves.

Helpful?

AI coding tools already have screenshot-to-code features, and Claude can analyze HTML you paste directly. There's a real question of whether the generated prompts are actually better than just feeding Claude the raw HTML. Also, copying UI from competitor or third-party sites without permission sits in legally murky territory.

Helpful?

Pluck represents an emerging category: tools that make the entire web a design asset library. As AI coding matures, the ability to rapidly prototype by remixing existing production UIs will become a standard developer skill. Early movers in this workflow will have a productivity edge.

Helpful?

As someone who regularly finds UI patterns I want to adapt, this changes everything. Browsing becomes active design research. The Figma export is the icing — capture from live production, land in your design file, build from there. The workflow finally makes sense end-to-end.

Helpful?

Bookmarks

Loading bookmarks...

No bookmarks yet

Bookmark tools to save them for later