Inspecta - visual QA and CSS editor

视觉检查，比较和更新CSS

🛠Inspecta - 在实时网站上查找并修复UI错误。
检查A可以让设计师和开发人员检查，比较和视觉编辑实时网站样式。
复制Figma的样式，比较CSS，修复不匹配并导出更新的CSS，而无需编写代码。

🔗无花果插件
使用我们的同伴无花果插件立即比较无花果和实时网页之间的样式：
无花果检查：
https://www.figma.com/community/plugin/1397609843224212500/figma-to-inspecta-compare-design-to-web

✨关键功能
🔁与无花果比较
从FIGMA元素复制样式，并将它们直接应用于活元素。
使用无花果颜色样式和变量检测不匹配的颜色。
将无花果元素替换为实时元素的SVG（临时方法）。

🧠批处理颜色和字体修复
使用Figma建议的颜色弹出窗口，请单击一键修复所有网站的颜色和字体。

🔍检查元素
悬停任何要查看其CSS属性的元素：文本，颜色，间距，布局，边界等。
使用眼托识别颜色。
绘制指南以进行更准确的检查。

🎨视觉CSS编辑
使用视觉界面实时编辑CSS，就像在设计工具中一样。

轻松修改：显示，大小，间距，颜色，排版，边界，半径，位置，盒子阴影和不透明度。

🧾页面概述
全面分解二手颜色（背景，文本，边界）和字体（家庭，大小，重量，线高）。
设计审核和质量检查评论的理想选择。

🧘分离元素
选择任何元素，然后隐藏其他所有内容以在焦点模式下检查和编辑。

📏间距覆盖和距离指南
悬停以查看填充和边距覆盖。
测量像素完美布局改进的元素之间的距离。

🖼像素完美比较
将无花果设计上传或粘贴为覆盖层，以与实时页面进行准确的并排比较。

📤出口和分享CSS
导出所有CSS作为单个文件更改或复制单个摘要。
直接与开发人员共享更新，或与您的Vibe-Code AI工具一起使用，以更快地实现。

ChangElog：
Google字体