Siteprint

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(으)로 무엇을 할 수 있나요?

Measured design inspection

Review a scanned page’s colour palette and roles, type scale, spacing, corners, shadows, and section-by-section layout blueprint.

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.

주요 정보