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 のトラフィック分析
トラフィックデータは参考情報としてご利用ください。
- ドメイン評価
- 0
Siteprintの代替品
Projekt
getprojekt.com
Projektは、AIコーディングエージェント、ライブプレビュー、インライン編集を備えたデザインエンジニア向けのビジュアルワークスペースです。macOSでアルファ版を提供中で、無料ダウンロードと限定の創設者向けプランを利用できます。
Rubric
rubric.design
Rubricは、MCP経由でコーディングエージェントに提供される、厳選されたUXコーパスです。文書化されたUXルールに沿った設計を支援し、同じルールで公開ページを監査して、問題点や深刻度、修正案を提示します。
Tastemaker
tastemaker-skill.online
Tastemakerは、製品のコンテキストやビジュアルリファレンスをUI画面、アセット、コントラストを確認済みのカラーパレット、ローカルなデザイン判断へと変換する、コーディングエージェント向けのワークフロースキルです。Claude Code、Windsurf、Gemini CLIなどのエージェントを対象としています。
Uizard
uizard.io
アプリ、Webサイト、デスクトップソフトウェアのモックアップ、ワイヤーフレーム、プロトタイプを、テキスト指示やスクリーンショット、テンプレートから生成・編集できるAI搭載UIデザインツール。
Impeccable
impeccable.style
AIコーディングハーネス向けのデザインスキル。構造化セットアップ、コマンド編集、ブラウザでのリアルタイム反復を実現します。
MagicPath
magicpath.ai
人間とAIエージェントが共有するデザインキャンバス