直观地检查、比较和更新 CSS
🛠specta – 查找并修复实时网站上的 UI 错误。无需编写代码即可检查、比较和修复实时网站样式。捕捉设计偏差,直接应用 Figma 值,并将修改后的更改发送给您的开发人员 - 或直接发送给 Cursor 和 GitHub Copilot。
专为设计师、前端和产品经理打造,进行视觉 QA、设计交接和像素完美审核。
主要特点
🔁 与 Inspecta Figma 插件中的 Figma Paste 进行比较,以比较全屏或单个元素。专色、字体、间距和布局不匹配 - 然后批量预览并应用 Figma 值。将现场风格与 Figma 设计标记和变量保持一致。
🔍 检查和编辑实时样式将鼠标悬停在任何元素上即可查看和编辑其 CSS — 大小、间距、颜色、版式、边框、半径、阴影和不透明度。编辑悬停和焦点状态,使用吸管,并使用像素精确的叠加层检查间距。
🧠 视觉 QA 审核从一个面板运行全页审核 - 与页面本身、Figma 基线或 DESIGN.md 文件进行比较。通过可选的人工智能见解,解决不匹配的颜色、字体、间距、布局、拼写和可访问性问题。一步预览并应用修复。
🤖 使用 AI 编辑(自带密钥)从元素工具栏或面板中用简单语言描述更改,并将其应用到一个元素或整个页面。可与 OpenAI、Anthropic 和 Gemini 配合使用。您的 API 密钥在您的设备上保持加密状态 - Inspecta 绝不会因 AI 使用而收费。
📤 导出和移交复制 CSS 片段、导出 AI 就绪提示,或通过 Inspecta IDE 扩展将更改直接发送到 Cursor、GitHub Copilot 或您的代码编辑器。将多个编辑批处理为一次切换,以实现来回切换。
☁️ 云项目和共享 使用 Google 登录可自动保存每页的编辑内容并在会话之间同步。在 app.inspecta.design 上管理项目,或共享公共链接,以便您的团队或开发人员可以准确地从您上次停下的地方继续。
0.4.7 中的新增内容
• 错误修复




