经过测量的设计检查
查看扫描页面的配色方案和颜色角色、字体比例、间距、圆角、阴影，以及逐区块的布局蓝图。
什么是 Siteprint？
Siteprint 是一款适用于 Mac 的 Safari 扩展，可测量网站的视觉设计，并为 AI 辅助实现整理结果。扫描页面时，它会识别颜色角色、字体排印、间距、圆角、阴影以及各个区块的布局，为你提供经过测量的设计参考，而不是基于印象的描述。
免费版支持检查、设计令牌导出、叠加层以及将扫描结果保存到资料库。Pro 版新增生成的编程提示词、DESIGN.md 导出、主题、用于将两个已保存网站组合成新风格的 Compose，以及为受支持的编程代理提供直接扫描访问。Siteprint 不会自行构建网站；编程代理会使用这些测量结果来创建或重新设计页面。
Siteprint 能做什么？
设计令牌与叠加层
在检查网站时，使用吸管工具、网格叠加层和令牌导出来查看具体数值。
提示词与 DESIGN.md 导出
Pro 可将扫描结果转换为一个编程提示词和一个 DESIGN.md 设计方向文件，其中包含可复用的视觉指导与测量值。
已保存的扫描与主题
将扫描结果保存在资料库中，并使用 Pro 主题保留设计方向，以便之后进行 AI 辅助工作。
组合两个网站的风格
Pro 可将两个已保存网站组合成一种新风格，让一个扫描结果提供视觉方向，另一个影响最终结果。
编程代理访问
使用 Pro 后，Claude Code、Cursor、Codex 及其他受支持的代理可以通过扩展中的“编程代理”设置直接读取扫描结果。
使用场景
“重现参考风格”
检查一个你想借鉴的网站，然后将生成的提示词或 DESIGN.md 交给编程代理，作为创建新页面时经过测量的起点。Siteprint 不会复制页面，也不会自行构建结果。
“将视觉评审转化为实现指导”
在将视觉参考转化为具体的前端决策时，使用配色方案、字体比例、间距和区块蓝图，而不是只用主观术语描述设计。
“构建融合的视觉方向”
保存两个网站，并使用 Compose 将它们的风格组合成一种新方向，适用于项目需要有意识地融合不同视觉特征的情况。
“询问有关扫描设计的问题”
在配备 Apple Intelligence 的 Mac 上查看扫描结果，并询问有关其设计的问题。Apple Intelligence 为可选功能，测量并不要求使用它。
常见问题
Siteprint 支持哪些设备和浏览器？
Siteprint 是一款适用于 Mac 的 Safari 扩展，需要 macOS 14 或更高版本。目前不支持 Chrome 或 iPhone。
如何设置首次扫描？
从 Mac App Store 安装 Siteprint，打开应用一次，在 Safari“设置”→“扩展”中启用它，打开普通的 HTTP 或 HTTPS 网站，允许 Safari 的读取权限，然后点击 Siteprint 工具栏按钮。
Siteprint 会自动构建网站吗？
不会。Siteprint 会测量设计，并在 Pro 版中生成提示词或 DESIGN.md 导出文件。编程代理会使用这些材料来构建或重新设计页面。
需要 Apple Intelligence 吗？
不需要。Siteprint 的测量功能无需 Apple Intelligence 即可运行。在兼容的 Mac 上，Apple Intelligence 还可以进一步查看扫描结果并回答有关设计的问题。
编程代理可以直接读取我的扫描结果吗？
可以，但需要 Pro 版。在扩展中打开“生成”→“编程代理”，然后按照 Claude Code、Cursor 或 Codex 的设置步骤操作；之后，代理即可从这台 Mac 上的 Siteprint 请求扫描结果。
快速信息
- 类别
- 设计工具和开发者工具
- 平台
- 适用于 Mac 的 Safari 扩展
- 系统要求
- macOS 14 或更高版本
- 免费使用内容
- 检查、设计令牌导出、叠加层和资料库
- Pro 使用内容
- 一次性购买，包含提示词、DESIGN.md、主题、Compose 和编程代理访问权限
- 数据处理
- 在 Mac 上运行；无需账户，也不会上传数据
Siteprint 流量分析
流量数据仅供参考。
- 域名评分
- 0
Siteprint 替代品
Projekt
getprojekt.com
Projekt 是面向设计工程师的可视化工作空间，融合 AI 编码代理、实时预览和行内编辑。现已在 macOS 上开放 alpha，提供免费下载和限量创始人版本。
Rubric
rubric.design
Rubric 是通过 MCP 提供给编码代理的精选 UX 语料库，帮助代理依据文档化 UX 规则进行设计，并按相同规则审查线上页面，输出问题、严重程度和修复建议。
Tastemaker
tastemaker-skill.online
Tastemaker 是一项面向编程智能体的工作流技能，可将产品背景和视觉参考转化为 UI 界面、素材、经过对比度检查的配色系统，以及本地设计决策。适用于 Claude Code、Windsurf 和 Gemini CLI 等智能体。
Uizard
uizard.io
Uizard 是一款 AI 驱动的 UI 设计工具，支持通过文本提示、截图和模板创建及编辑应用、网站和桌面软件的线框图、模拟稿与原型，并提供协作、导出和开发者交接功能。
Impeccable
impeccable.style
面向 AI 编程工具的设计技能，支持结构化设置、命令式编辑和浏览器实时迭代等前端工作流。
MagicPath
magicpath.ai
供人类与 AI 智能体共同使用的协作设计画布