Media
5 items
Description
Capture full-page screenshots and compare designs with live websites Capture full-page screenshots and compare designs with live websites (https://pixeldiff.turtle-tail.com). 🎯 What is pixelDiff? A pixel-perfect design comparison tool for designers and developers. Compare Figma designs with actual web implementations side by side to ensure design consistency. ✨ Extension Features 📐 Automatic iframe Height Tracking - Real-time measurement of embedded webpage content height - Automatic height updates when dynamic content changes - Accurate handling of infinite scroll pages 📸 Full-Page Screenshot Capture - Capture long scrollable pages completely - Tile-based capture with automatic stitching for high-quality images - Support for both horizontal and vertical scrolling pages 🔍 CSS Property Inspection (Edit Mode) - Hold Alt key and hover over elements to view CSS properties - Check detailed style information: colors, fonts, padding, margin, borders - Edit text content directly after selecting an element 🔗 URL Change Detection - Real-time detection of URL changes within iframe - Support for SPA (Single Page Application) navigation tracking ⚠️ How to Use 1. Visit the pixelDiff web app at https://pixeldiff.turtle-tail.com 2. Create a project and enter the website URL to compare 3. The extension automatically activates to provide its features 🔒 Privacy - Only works on the pixelDiff web app - Does not collect or transmit user data - All captured images are processed locally in your browser