Capture colors, fonts, and components from any website. Save them, export them, ship them.
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
Free to start. Pro when you're ready.
Forever free
Features Included
You're missing out on
$99 billed annually save $45/yr
Features Included
Early Bird price. Pay once, own forever.
Features Included
No credit card required. Cancel anytime. Only 100 Lifetime spots available, 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.
