LayoutPilot

Inspect layouts and create visual annotations, screenshots, and PDF reports on live pages.

LayoutPilot is a Chrome extension for developers, designers, and QA teams who need to inspect layouts, test responsive views, 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 Responsive Preview to test pages across different viewport sizes without resizing the browser window. Preview mobile, tablet, desktop, ultrawide, and custom sizes, save reusable presets, adjust zoom, pan large previews, and capture the current preview as a PNG image. 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 * Test responsive layouts without resizing the browser window * Use mobile, tablet, desktop, ultrawide, and custom viewport presets * Save, rename, and remove custom responsive preview sizes * Adjust preview zoom, pan large previews, and capture previews as PNG images * 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