从任何网站提取资产、颜色、版式和标记。导出为 CSS、SCSS、Tailwind 等。终极开发和设计工具包。
🎨 立即从任何网站提取设计令牌、样式和资产
Peek 是一款面向 UI/UX 设计师和前端开发人员的终极一体化检查器工具。只需单击一下，您就可以从任何网站提取完整的设计系统，包括颜色、渐变、版式和资源。告别手动检查，迎接简化的工作流程。
以 CSS、SCSS、Tailwind CSS、JSON、SVG 等格式导出可用于生产的代码。
---
✨ 主要特点
🖼️ 新：完整的资产提取
- 立即查找并分析页面上的所有图像、SVG 和其他资源。
- 一键过滤、缩放、复制和下载资源。
🎨 智能颜色和渐变检测
- 自动提取整个调色板，包括纯色和渐变。
- 支持 HEX、RGB、HSL 和 OKLCH 等现代格式。
- 以开发人员就绪格式复制或下载：CSS、SCSS、Tailwind CSS、JSON 和 SVG。
📝 高级版式分析
- 立即识别字体系列、大小、粗细和行高。
- 可视化网站的字体比例和排版层次结构。
- 实时字体预览：查看与网站上显示的字体完全相同的字体。
- 智能脚本检测：Peek 自动检测语言（例如阿拉伯语、日语、西里尔语）并以适当的脚本显示字体预览。
🚀 闪电般快速且对开发人员友好
- 获取即时样式和资产数据，无需重新加载页面或影响性能。
- 将样式直接复制到剪贴板或下载文件。
- 导出干净的、可用于生产的代码。
🎯 非常适合
- UI/UX 设计师创建设计系统
- 前端开发人员构建组件库
- 设计团队保持品牌一致性
- 学生学习网页设计原理
🔒 隐私第一
- 所有处理都在您的设备本地进行
- 没有数据发送到外部服务器
- 尊重您的隐私和网站内容
🚀 几秒钟内即可开始
1.安装Peek扩展
2. 导航至任何网站
3. 单击“查看”图标
4. 即时提取样式
💡 使用案例
- 对网站的设计系统进行逆向工程。
- 从鼓舞人心的网站构建调色板。
- 分析竞争对手的版式和品牌。
- 创建一致的品牌准则。
- 使用现实世界的设计令牌更快地制作原型。
🎨 支持的格式
- CSS、SCSS、JSON、SVG 等
- 与所有主要设计工具兼容
- 可供生产使用
立即安装 Peek，释放智能风格和资产提取的力量！
---
🚀 v0.8.8.0
2026 年 3 月 8 日
🥳 新内容：网站概述
1️⃣ 概述选项卡 – 当前站点的颜色、排版和字体比例的单页摘要。
颜色分析 – 主色、次要色和强调色以及角色细分（背景、文本、按钮）。
2️⃣ 版式总结 – 标题/正文字体、独特样式计数和字体比例预览。
字体大小预览 – 使用语义标签（显示、标题、正文等）和非拉丁脚本的脚本感知标签显示字体大小。
3️⃣ 快速操作 – 从概览中跳转到所选颜色组（背景/文本/按钮）的复制或下载。
🥳 新功能：复制字体比例
1️⃣ 将字体比例复制为... – 从概述中，以您选择的格式（CSS、SCSS、Tailwind 等）复制完整的字体比例（所有尺寸）。
2️⃣ 仅字体缩放流程 – 打开“复制”页面，其中预先选择了版式输出，以便您可以复制或调整并复制。
⬆️改进：输出代码（复制/下载）
1️⃣ 更清晰的生成代码 – CSS/SCSS/Tailwind 输出中的格式、间距和注释更加一致。
2️⃣ 更好的结构 - 复制/下载输出中变量和规则的逻辑分组和排序。
3️⃣ 更少的怪癖 - 减少颜色/渐变和版式输出的边缘情况，以实现更可靠的粘贴使用。
----
🚀 v0.8.7.2
2025 年 11 月 4 日
✨ 新功能和改进
• 删除选取的颜色：您现在可以通过将鼠标悬停在单个选取的颜色上来删除它们。如果您改变主意，可以使用撤消选项。
• 圆锥渐变到SVG：圆锥渐变现在在SVG 导出中自动转换为线性渐变。只需在Figma（或设计工具中的等效工具）中将渐变类型从线性更改为角度，即可匹配原始圆锥渐变。
• 增强的视频播放器：改进了资产模式中的视频播放体验，并支持画中画。将视频弹出到可调整大小的窗口中，以便更好地观看。
• 改进的颜色转换：修复了 OKLCH 渐变颜色，以便在所有视图中正确转换为您选择的格式（HEX、RGB、HSL 等）。
• UI 改进：整个界面进行了细微改进，带来更流畅、更精致的体验。
🐞 错误修复
• 修复了OKLCH 渐变颜色未转换为“复制”和“下载”页面中用户选择的颜色格式的问题。
----
🚀 v0.8.6.6
2025 年 10 月 28 日
✨ 新功能和改进
• 更智能的 CSS、SCSS 和 Tailwind CSS 生成 — 现在可生成更清晰、可用于生产的代码，并具有适当的字体系列后备和行业标准结构。
• 改进的资产格式检测——不再有模糊的“图像”或“视频”标签！ Peek 现在比以往更准确地识别实际文件类型。
• 内置反馈表！现在，您可以转到“菜单”>“反馈”来分享想法、报告错误或只是打个招呼。
• UI 中的所有数字现在都更清晰、更易于阅读 — 小数点被巧妙地隐藏（但在幕后仍然精确）。
• 微妙的用户界面改进，带来更流畅、更精致的体验。
🐞 错误修复
• 修复了下载的视频具有“.video”扩展名而导致无法使用的问题。
----
🚀 v0.8.5.0
2025 年 10 月 27 日
✨ 新功能和改进
- 渐变到 SVG：将渐变复制或下载为 SVG 格式，以便直接在 Figma 和其他设计工具中使用
- 颜色选择器工具：从任何地方（网页或浏览器外部）选择颜色。您的颜色会本地存储在 Peek 中，直到您将其删除
- 按组导出：按组（渐变、纯色或选取的颜色）复制或导出颜色，以便更好地组织
- UI 优化和性能改进
- 为即将推出的令人兴奋的新功能腾出空间！
🐞 错误修复
- 修复了渐变不会生成唯一变量名称，导致 CSS 无法使用的问题。所有渐变现在都会生成唯一的变量名称，就像纯色一样
----
🚀 v 0.8.2.9 发布亮点（2025 年 10 月 20 日）
✨ 3 大新功能：
- 资产提取：您现在可以分析、过滤、复制和下载网站上的所有资产。
- 渐变检测：Peek 现在可以提取渐变颜色并与纯色一起显示。
- 多脚本字体预览：Peek 智能识别页面上的语言（例如日语、阿拉伯语、西里尔语）并以正确的脚本显示字体预览。
🐞 错误修复：
- 修复了 HEX 到 OKLCH 颜色转换的问题，以确保感知一致性。
- 另外，还有许多其他小错误修复和性能改进。
---
享受！
https://trypeek.app
