Measure website design tokens
Inspect a website to measure colors, typography, spacing, corners, and layout.
Siteprint
Measure any website's design, then hand it to your AI
The overview
What is Siteprint?
Siteprint is a Safari extension for Mac that measures the design of a web page, including color roles, type scale, spacing, corners, and layout. It packages those measurements into a prompt for coding assistants such as Claude Code, Cursor, or Codex. The extension runs on the user’s Mac, and its Product Hunt launch describes a one-time price of $9.99.
Around the internet
What people are saying
Public experiences, questions, and discussions.
No discussions collected yet.
Inside the toolkit
Key features
Inspect and export design tokens
Use an eyedropper and grid overlay, then export measured design tokens to a library.
Generate prompts and DESIGN.md
Create a prompt or DESIGN.md containing measured design values for a coding agent.
Compose a design from two references
Combine design elements from two scanned websites into one theme.
Local MCP access for coding agents
Let an AI coding agent read scans through Siteprint’s local MCP server.
Where it fits
Use cases
- Recreate a reference site’s visual directionMeasure a reference website and pass its design values to a coding agent for implementation.
- Create a hybrid visual style from two referencesCombine selected styles from two websites into a new design direction.
- Ask questions about a scanned designUse Apple Intelligence to review a scan and answer design questions on supported Macs.
Keep exploring
