# Siteprint 适用于 Mac 的 Safari 扩展，可测量网站视觉设计，并为 AI 编程代理整理实现所需的设计参考。 - Findings24: - 网站: - 价格: Freemium - 分类: AI设计助手, 设计工具 ## 什么是 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 上运行；无需账户，也不会上传数据