Measured design inspection
Review a scanned page’s colour palette and roles, type scale, spacing, corners, shadows, and section-by-section layout blueprint.
Siteprint
Freemium
A Safari extension for Mac that measures website design and prepares it for AI coding agents.
What is Siteprint?
Siteprint is a Safari extension for Mac that measures the visual design of websites and prepares the results for AI-assisted implementation. When you scan a page, it identifies colour roles, typography, spacing, corners, shadows, and the layout of each section, giving you a measured design reference rather than an impression-based description.
The free version supports inspection, token export, overlays, and saved scans in a Library. Pro adds a generated coding prompt, a DESIGN.md export, themes, Compose for combining two saved sites into a new style, and direct scan access for supported coding agents. Siteprint does not build the website itself; the coding agent uses the measured output to create or restyle a page.
What can Siteprint do?
Design tokens and overlays
Use the eyedropper, grid overlay, and token export to examine concrete values while inspecting a website.
Prompt and DESIGN.md export
Pro converts a scan into one coding prompt and a DESIGN.md design-direction file containing reusable visual guidance and measured values.
Saved scans and themes
Keep scans in the Library and use Pro themes to retain design directions for later AI-assisted work.
Compose two site styles
Pro can combine two saved sites into a new style, allowing one scan to contribute a visual direction while another informs the result.
Coding-agent access
With Pro, Claude Code, Cursor, Codex, and other supported agents can read scans directly through the extension’s Coding agents setup.
Use Cases
“Recreate a reference style”
Inspect a website you want to learn from, then give the generated prompt or DESIGN.md to a coding agent as a measured starting point for a new page. Siteprint does not copy the page or build the result itself.
“Turn visual review into implementation guidance”
Use the palette, type scale, spacing, and section blueprint when translating a visual reference into concrete front-end decisions instead of describing the design only in subjective terms.
“Build a blended visual direction”
Save two sites and use Compose to combine their styles into a new direction when a project needs a deliberate mix of visual characteristics.
“Ask questions about a scanned design”
On Macs with Apple Intelligence, review a scan and ask questions about its design. Apple Intelligence is optional and is not required for measurement.
Frequently Asked Questions
What device and browser does Siteprint support?
Siteprint is a Safari extension for Mac and requires macOS 14 or later. It is not currently available for Chrome or iPhone.
How do I set up a first scan?
Install Siteprint from the Mac App Store, open the app once, enable it in Safari Settings → Extensions, open a regular HTTP or HTTPS website, allow Safari’s read permission, and click the Siteprint toolbar button.
Does Siteprint build the website automatically?
No. Siteprint measures the design and, with Pro, creates a prompt or DESIGN.md export. A coding agent uses that material to build or restyle the page.
Do I need Apple Intelligence?
No. Siteprint’s measurements work without Apple Intelligence. On a compatible Mac, Apple Intelligence can additionally review scans and answer questions about the design.
Can a coding agent read my scans directly?
Yes, with Pro. Open Generate → Coding agents in the extension and follow the setup for Claude Code, Cursor, or Codex; the agent can then request scans from Siteprint on that Mac.
Quick Facts
- Category
- Design tool and developer tool
- Platform
- Safari extension for Mac
- System requirement
- macOS 14 or later
- Free access
- Inspection, token export, overlays, and Library
- Pro access
- One-time purchase with prompt, DESIGN.md, themes, Compose, and coding-agent access
- Data handling
- Runs on the Mac; no account and no uploads
Siteprint Traffic Analysis
Traffic data is for reference only.
- Domain Rating
- 0
Siteprint Alternatives
Projekt
getprojekt.com
Projekt is a visual workspace for design engineers with AI coding agents, live preview, and inline editing. Available in alpha on macOS with a free download and limited founder tier.
Rubric
rubric.design
Rubric is a curated UX corpus served to coding agents over MCP. It helps agents design against documented UX rules, then audit live pages against those same rules—with findings, severity levels, and fixes.
Tastemaker
tastemaker-skill.online
Tastemaker is a workflow skill for coding agents that turns product context and visual references into UI screens, assets, contrast-checked color systems, and local design decisions. It is designed for agents such as Claude Code, Windsurf, and Gemini CLI.
Uizard
uizard.io
Uizard is an AI-powered UI design tool that turns text prompts, screenshots, and templates into editable app, website, and software mockups, wireframes, and prototypes.
Impeccable
impeccable.style
A design skill for AI coding harnesses, enabling frontend workflows with structured setup, command-based editing, and browser-based live iteration.
MagicPath
magicpath.ai
A shared design canvas for humans and AI agents