Pluck

Select any DOM element and copy it as a structured LLM prompt or Figma component

Pluck turns any website into design material. Click any component — a button, card, navbar, pricing table or a whole page — and copy it as a structured prompt for your AI coding tool, as editable Figma layers, or as clean HTML. Every pluck is also saved to your Pluck Studio library, where you can mix your favourite pieces into brand-new designs. HOW IT WORKS 1. Open any website and click the Pluck icon. 2. Hover to highlight, click to select the component you want. 3. Choose what to do with it: AI prompt, Figma, HTML, or Save to Studio. 4. Paste it into your AI coding assistant, design tool or editor. 5. Find it again later in your Pluck Studio library. COPY MODES AI prompt Pluck captures the full element tree with the computed styles for every node: layout, flexbox and grid, spacing, colours, typography, borders, shadows, transforms and images. It also records how the component changes at each responsive breakpoint and copies a screenshot alongside the text, so your AI tool sees exactly what it's rebuilding. Pick your stack (Tailwind, CSS Modules, Styled Components or Vanilla Extract with React, Vue, Svelte, Solid or Qwik), or leave it on Auto to match your project. Figma Paste fully editable vector layers into Figma (text, backgrounds, borders, radii, images, inline SVGs and pseudo-elements), not a flat screenshot. HTML Copy the raw element markup and a style dump for debugging or hand-off. Save to Studio Send the component straight to your Pluck Studio library without touching your clipboard. PLUCK STUDIO: YOUR DESIGN LIBRARY Every pluck is saved to Pluck Studio (studio.pluck.so) with its screenshot, source page and full style data, so your inspiration is always one click away. Drop plucks and your own images onto a board, connect them to a prompt, and generate new web designs that blend the pieces you like. Generate in the cloud with paid-plan credits, choosing from leading image models or letting Auto pick the best one for your brief. Or generate for free in the Pluck Studio desktop app for macOS, Windows and Linux, using the Codex CLI on your computer. Library saving can be switched off at any time in the extension settings. WORKS EVERYWHERE YOU CAN SEE Pluck runs in your browser, so it works on dashboards, admin panels and pages behind a login. If it renders, you can pluck it. PRICING Free - 50 plucks per month, as AI prompts or to Figma - HTML copies and your Pluck Studio library - Generation with the desktop app and your own Codex CLI - No credit card required Starter: $10 per month - Unlimited plucks in every mode - 1,000 generation credits every month Pro: $29 per month - Everything in Starter - 3,500 generation credits every month - Priority generation queue Studio: $79 per month - Everything in Pro - 10,000 generation credits every month Yearly billing gets 2 months free. Paid plans can top up with 1,000 extra credits for $10 at any time. Full details at www.pluck.so/#pricing PRIVACY Plucks you save (screenshot, page address and element data) are stored in your account so you can reuse them in Pluck Studio. You can delete individual plucks, export everything, or delete your account at any time. Details: www.pluck.so/privacy HELP FAQ and guides at www.pluck.so. Paid subscribers get priority responses.