Any website's design system, in one click.

GleanUI reads the page you're on and turns it into a design spec: colors with roles, fonts with licenses and free look-alikes, spacing, components with their states, the page blueprint and motion. Then it hands all of it to your AI, or to Figma.

Get GleanUI ProSee what's inside

The Chrome Web Store listing is in review. Pro keys work the moment it is live, and on the Firefox build.

linear.appcaptured in 6.2s · Dark SaaS
Plan and build your product
Inter 400 · 16/1.5 · Free (Google Fonts, OFL)
h1 56/1.0 −0.02em · body 16 · small 13 · 8px grid
Get startedLog inSearch issues…Backlog
24 componentsbutton, input, card, nav, badge…
7 sectionshero, logos, features, pricing…
Motionfade-up 400ms, ease-out

What a capture contains

Everything is measured from the real page: computed styles, stylesheets, fonts, images and screenshots. Nothing is guessed.

Colors

Palette with semantic roles, tonal scales, contrast pairs and the alternate theme. Brand color first.

Typography

Every family in use, identified against Google Fonts, Fontshare and foundry catalogs. Free, paid or system, with free look-alikes for paid fonts.

Spacing, radius, shadows

The grid, the radius scale and the elevation vocabulary as tokens, ready for Tailwind, DTCG or Figma variables.

Components

Buttons, inputs, cards and more as variants with hover, focus and active states, padding, icons and real screenshots.

Page blueprint

Section by section: what each one is, its geometry, its copy and its screenshot, so an AI can rebuild the layout.

Motion and icons

Keyframes, transitions and the libraries driving them. Icons matched by shape to Lucide, Heroicons, Phosphor and nine more sets.

Send it anywhere

One click opens the AI you use and drops in the prompt, the spec and the screenshot. Or export.

ClaudeChatGPTGeminiCursorClaude CodeLovableBoltv0Figma pluginDTCG tokensTailwindshadcnAgent SkillMCP server

Pricing

Capturing is free, with your own AI keys. Paid plans add hosted AI, cloud captures, share links, one-click Figma import and the MCP server, on up to 5 devices.

Free
$0
  • Unlimited captures and exports
  • Send to any AI
  • Bring your own AI key
  • Font identification and licenses
Pro
$5 / month
  • Everything in Free
  • 100 hosted AI requests a month
  • Cloud captures and share links
  • Figma plugin and MCP cloud
Choose Pro
Plus
$10 / month
  • Everything in Pro
  • 250 hosted AI requests a month
Choose Plus
Max
$15 / month
  • Everything in Pro
  • 500 hosted AI requests a month
Choose Max

Billed monthly through Polar, our merchant of record. Cancel or change plan any time from the customer portal; your license key stays the same.

Questions

Does it upload the pages I capture?

No. Captures live in your browser. Data leaves it only when you send a capture to an AI, create a share link, or use hosted AI. See the privacy policy.

Do I need an API key?

On Free, yes: add your Anthropic, OpenAI, Google or OpenRouter key and requests go straight to them. Paid plans include hosted AI with no key.

How does the Figma plugin get my capture?

With a paid plan, choose Send to → Figma in the extension and press Import in the plugin. It works in the Figma desktop app. The free tier copies a payload you paste.

What is the MCP server for?

It lets Claude Code, Cursor, Codex and Windsurf read your captures, get replication prompts and verify their rebuild against the original.