Overview
Overlay design images (such as Figma designs) on any webpage for pixel-perfect development
LupaLayer is a pixel-perfect development tool that overlays designs directly on your website or localhost. No more switching between browser tabs and Figma or other design programs. See exactly where your implementation differs from the design. Features: - Design Overlay — Load images via URL, file upload, or paste designs directly from Figma and other design tools. Adjust opacity, hue, saturation, and scale. - Ruler Tool — Draw measurement rectangles with graduated tick marks on all four edges. - Line Tool — Measure distances between any two points. Hold Shift to snap to straight angles. - Guide Lines — Place horizontal and vertical guides spanning the full viewport. - Edit Tool — Move and resize rulers, lines, and guides. Double-click lines to type exact pixel values. - Font Inspector — Hover over text to see font family, size, weight, line height, letter spacing, and color. - Color Picker — View CSS colors on hover. Click for Chrome's native EyeDropper to pick any pixel color. - Floating Toolbar — Compact, draggable toolbar with all tools, color presets, and keyboard shortcuts. - Viewport Presets — Resize your browser to common screen sizes (iPhone, Tablet, Laptop, Desktop). - Figma Integration — Paste a Figma frame URL to automatically fetch and overlay the design. - Export/Import — Save and share measurement layouts as JSON files. - Undo/Redo — Full undo history with Alt+Z / Shift+Alt+Z.
Details
- Version1.5.0
- UpdatedApril 9, 2026
- Offered bymrjoebillman
- Size65.73KiB
- LanguagesEnglish (United States)
- DeveloperJoseph Billman
1301 S. 1600 W. Syracuse, UT 84075 USEmail
mrjoebillman@gmail.comPhone
+1 801-499-6078 - TraderThis developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, visit the developer's support site
