×
←
→
适用于以下浏览器
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： 1.CSS更改错误修复 2.新的彩色选择器