Save any website's design.
Reuse it anywhere.

PocketUI is a design inspiration tool and Chrome extension that automatically extracts colors, fonts, components, screenshots, and SVGs from any website. It saves everything into organized folders, exports visual components as clean HTML + Tailwind code, pushes design tokens to Figma, and connects your entire design library to AI coding tools like Claude, Cursor, and Cline via MCP.

PocketUI works with Chrome, Brave, Arc, Edge, and any Chromium-based browser. Firefox support is on the way.

Open PocketUI on any page and it instantly scans every element. It reads computed styles for colors (background, text, borders, gradients), the document.fonts API for typography, and the full DOM for SVGs and images. No eyedropping or manual picking required.

Yes. Pro and Lifetime plans let you export saved colors as Figma styles, fonts as text styles, and screenshots or SVGs directly into your Figma files.

PocketUI includes an MCP (Model Context Protocol) server that connects your saved design tokens, colors, fonts, and components, directly to AI coding tools like Claude, Cursor, Windsurf, and Cline. Your AI writes code using your actual design library instead of guessing.

Yes. Click any element on a live website and PocketUI exports it as clean HTML + Tailwind code you can drop straight into your project. You can also let AI coding tools reference your saved components through the MCP server.

PocketUI has a free plan with 25 saves and 3 exports a month in any launch format, Figma included. Pro is $19/month, or $15/month billed yearly, for unlimited saves and 300 exports a month (unlimited when billed yearly), plus cloud sync and MCP access. Studio is $49/month, or $39/month billed yearly, and adds Elementor, Bricks, Webflow, Shopify Liquid and whole-page export. The Founding Member lifetime deal is Studio forever for a one-time $249, limited to 100 spots. Paid plans come with a 14-day money-back guarantee.

Bookmarks save a URL. Screenshots save a dead image. PocketUI saves the actual design data: colors as HEX/RGB/HSL, fonts with weights and styles, SVGs as code, and components as HTML + Tailwind. Everything is searchable, organized into folders, and ready to export as code or connect to AI tools.

On Pro and Lifetime plans, yes. Your entire design inspiration library syncs to the cloud and is accessible from any browser or the web dashboard. The free plan stores data locally in your browser.

Yes. PocketUI is a web to Figma Chrome extension. Browse any website, click any element, and export it as editable Figma layers. Unlike html.to.design or Builder.io, PocketUI lets you select individual components instead of dumping the full page, and gives you clean HTML + Tailwind code alongside the Figma export. The free plan includes 3 exports a month, Figma included; Pro raises that to 300 a month, or unlimited when billed yearly.

Yes. The free plan includes 3 exports a month in any launch format, including Figma with editable layers, with no credit card. Pro is $19/month or $15/month billed yearly and raises that to 300 exports a month, or unlimited when billed yearly, with a 14-day money-back guarantee.