Chrome中的Figma设计覆盖工具
Figgy 是一个为 Chrome 设计的免费浏览器插件，允许用户将 Figma 设计叠加在实际网页上，从而便于设计与实现之间的直接比较。这个工具对于前端开发者特别有益，他们需要验证自己的工作与 Figma 设计的准确性，尤其是在边距、对齐和字体大小方面。通过将指定的 Figma 设计加载为 PNG 图像，Figgy 使用户能够实时视觉评估设计与网页之间的差异。
该扩展不仅在点击 DOM 元素时突出显示像素差异，还适应各种设备分辨率，确保根据所使用的视口显示正确的设计版本。用户可以自定义设计差异的显示，调整边框样式和工具提示位置等样式。此外，基于快捷键的叠加切换功能允许快速访问比较视图，而不会干扰工作流程，使 Figgy 成为增强设计师与开发者之间协作的实用工具。
