See a design you love?
Now it's yours.
PocketUI is a design inspiration tool that extracts colors, fonts, components, and screenshots from any website in one click. Save to folders, export visual components as code, and connect your design library to AI.
Early supporters get 30% off their first year. No spam, ever.
Stop screenshotting.
Start building.
You found the perfect design. Now use it as Tailwind tokens, Figma styles, or AI-ready code. No recreating from memory.
One toolbar. Every website.
Never guess a color again.
See a color you love? It's already extracted. Copy the exact HEX, RGB, or HSL with one click. No eyedropper. No "close enough."
Skip the manual work entirely.
Open PocketUI and everything on the page is already found. Colors, fonts, SVGs, images. Just deselect what you don't need and save. Done in seconds.
Build a design system just by browsing.
Every save goes into concept folders like "Dark UI," "SaaS Heroes," "Typography." After a week of normal browsing, you have a curated library ready for your next project.
That button you like? It's already in your codebase.
Click any element on a live website and get clean HTML + Tailwind CSS. Paste it into your project or let your AI use it directly through MCP.
Tell your AI "make it look like that" and it can.
Connect your library to Cursor, VS Code, Windsurf, and Cline via MCP. Your AI writes code using your exact colors, fonts, and components. Not its best guess from a screenshot.
Drop it straight into Figma.
Capture any section from a live website and export it to Figma as an editable layer. Screenshots, SVGs, and components, right on your canvas.
Simple pricing. No surprises.
Free to start. Pro when you're ready.
Free plan
Forever free
Features Included
- 3 folders
- 50 saves per month
- All save types (colors, fonts, screenshots)
- Browser extension
- 500 MB storage
You're missing out on
- - Figma export
- - MCP server access
- - Code export
- - Cloud sync
Pro plan
$144 billed annually save $36/yr
Features Included
- Unlimited folders
- Unlimited saves
- 10 GB storage
- Cloud sync across devices
- Figma export
- MCP server access
- Code export
- Priority support
Early Adopter Lifetime
Early Bird price. Pay once, own forever.
Features Included
- Everything in Pro, forever
- Unlimited folders and saves
- Push saves straight to Figma
- Let your AI read your design tokens
- 10 GB storage (lifetime)
- All future Pro features
- Early adopter badge
No credit card required. Cancel anytime. Only 100 Lifetime spots available — once they're gone, they're gone.
Got questions? We've got answers.
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 $15/month ($12/month billed annually) for unlimited everything. The Lifetime plan starts at $79 (normally $150) and includes everything in Pro forever: unlimited folders, unlimited saves, 10 GB storage, Figma export, MCP access, code export, and every future Pro feature. 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.
Stop recreating designs you've already seen
Join now and get 30% off your first year as an early supporter.
One email on launch day. That's it.
