Save designs you love from any website. PocketUI turns them into a style your AI coding tools build from — so what they make finally looks like you.
Early supporters get 30% off their first year. No spam, ever.
From auto-detection to AI-ready code, get the full design system from any website in one click.
Dark UI
24 items
Every signup starts with 14 days of full Pro. No credit card. Keep building in your style, or drop to the free library.
The library. Yours to keep.
Features Included
You're missing out on
$115 billed annually save $53/yr
Everything in Free, plus
Early-bird price. Pay once, own forever.
Features Included
14-day Pro trial, no credit card. Cancel anytime. Only 100 early-bird Founding Member spots at $149, once they're gone, they're gone.
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 3 folders and 50 saves per month. Pro is $12/month or $99/year for unlimited everything including cloud sync, Figma export, MCP access, and code export. The Lifetime plan starts at $79 (normally $150) and includes everything in Pro forever. Only 100 lifetime spots available.
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 free 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.
PocketUI has a free tier that includes component extraction and HTML + CSS output. Figma export with editable layers is available on Pro and Lifetime plans. Pro is $12/month or $99/year, and Lifetime starts at $79.
Join now and get 30% off your first year as an early supporter.
One email on launch day. That's it.
