LayoutPilot

About

LayoutPilot is a Chrome extension for developers, designers, and QA teams who need to inspect layouts and review visual issues directly on live web pages.

Inspect spacing, sizing, typography, colors, classes, and element structure without opening DevTools. Pin elements, compare distances, and copy layout context when discussing UI issues with your team or an AI assistant.

Use Review Mode to create visual annotations, mark areas, draw freehand notes, copy or download annotated screenshots, and generate printable review reports that can be saved as PDF.

Key features:
- Inspect elements from the active tab with hover overlays and layout details
- View size, position, spacing, typography, colors, borders, classes, and selectors
- Pin elements and compare horizontal or vertical distances
- Copy simple or complete layout context for debugging and UI review
- Create structured visual annotations in Review Mode
- Add free area marks and pen marks on top of the page
- Copy or download annotated screenshots
- Generate printable review reports for design, frontend, and QA feedback
- Switch between English, Portuguese, and Spanish
- Process page information locally in the browser after user activation