Paper MCP · local agent

Drop any website URL.
Get its entire design system instantly.

StyleScan reads any live website and extracts its colors, fonts, and components — then syncs directly to your Paper canvas via AI agent.

Design tokens are buried in code.

Problem

Designers waste hours manually extracting colors and fonts from live sites.

Solution

StyleScan + Paper MCP does it in seconds, automatically.

How it works

Three steps from URL to canvas.

  1. Paste any URL

    Point StyleScan at a live page or a direct stylesheet URL.

  2. AI agent extracts design tokens

    Linked CSS and inline styles are parsed for colors, typography, and class rules.

  3. Canvas builds itself in Paper

    Token cards materialize on your Paper document through the MCP bridge.

Features

Everything you need to reverse-engineer a UI system.

Color extraction

Custom properties and literals surfaced as swatches.

Font detection

Stacks and font-related variables with live previews.

Component mapping

Single-class rules grouped as inspectable cards.

Paper MCP sync

Native bridge to Paper Desktop — no copy-paste.

Instant preview

See counts, swatches, and font proofs the moment the scan finishes.

One-click export

One action pushes the full token set to your Paper canvas.

Try it