LayerGuide: Pixel-Perfect Overlay & Ruler web dev tool icon

LayerGuide: Pixel-Perfect Overlay & Ruler web dev tool

Extension Actions

How to install Open in Chrome Web Store
CRX ID
laoingeeainmglhabaofmedogelacgmp
Status
  • Extension status: In-App Purchases
  • Live on Store
Description from extension meta

Professional Pixel-Perfect overlay image, ruler, and magnifier tools. for web developers, designers, agencies, QA, and freelancers

Image from store
LayerGuide: Pixel-Perfect Overlay & Ruler web dev tool
Description from store

LayerGuide is a professional image overlay, pixel measurement, and magnifier tool that helps you build pixel-perfect sites and fast QA. Perfect for web developers, designers, agencies, and freelancers comparing mockups to live pages.

- Save 2+ hours per project
- Spot discrepancies fast and reduce errors
- Reduce client feedback by 90% and deliver professional results
- Catch tiny UI flaws agencies miss, ensuring client-ready perfection

Image Overlay
- Upload images locally (PNG, JPEG, GIF, WebP, SVG) with complete control
- Adjust opacity, scale, rotate
- Position with pixel precision using X/Y controls or drag
- One-click centering and axis locking for constrained movement
- Visibility toggle and color inversion for perfect contrast

Ruler Tool
- Create unlimited measurement rulers with drag-and-drop precision
- Multi-color rulers
- Custom opacity settings and corner resizing capabilities
- Right-click removal and dynamic guidelines that follow cursor
- Live pixel measurements with resize handles

Magnifier
- Real-time zoom up to 10x with adjustable magnifier size
- Hardware-accelerated rendering for smooth performance
- Smart positioning to avoid interface overlap
- Instant zoom level indicators and scroll wheel controls

Workflow Features
- Automatic per-page memory saves all overlays and rulers for each page
- Complete settings backup/export as JSON

Control Panel
- Minimize/Expand panel
- Intuitive draggable interface with keyboard shortcuts (ESC to exit modes)
- Grouped controls with visual dividers for better organization

Perfect For:
- Web Developers - QA testing and mockup implementation
- UI/UX Designers - Design-to-code verification
- Digital Agencies - Client project delivery and quality control
- Freelancers - Professional tool that saves billable hours
- QA Teams - Cross-browser testing and responsive validation

Free vs Pro:
FREE VERSION - Full Professional Features:
- Complete image overlay with positioning, scaling, rotation, and color inversion
- Multi-color rulers with resize and positioning (up to 2)
- Real-time magnifier up to 1.5x zoom
- Per-page memory and thumbnail history
- Professional control panel with shortcuts

PRO VERSION ($29.99/year or $89.99 lifetime):
- Unlimited rulers with custom colors and opacity
- 10x magnifier zoom with adjustable size (150px-750px)
- Settings backup/restore for team collaboration
- Default auto-lock axes for faster workflow
- 3-device license with easy switching

14-day money-back guarantee
Start free with full professional features - upgrade for unlimited power and team collaboration!