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.
什麼是 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.
Siteprint 能做什麼？
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.
使用情境
“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.
常見問題
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.
快速資訊
- 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 流量分析
流量數據僅供參考。
- 網域評分
- 4
