Breakpoint Pilot — Responsive QA Inspector Plugin for Framer

Breakpoint Pilot is a commercial read-only responsive layout inspection and pre-publish QA plugin for Framer developed by NacyDev. It helps Framer designers, freelancers, template creators, and agencies catch structural responsive defects, cross-breakpoint inconsistencies, clipped content, and viewport overflow before publishing or handing off sites to clients.

Instead of flooding designers with noisy false positives, Breakpoint Pilot evaluates live canvas geometry (getRect()) alongside declared layout constraints and categorizes findings into three transparent evidence tiers:

Confirmed Structural Issues: Deterministic geometry or constraint math violations — including fixed pixel widths exceeding a breakpoint's width, child layers overflowing unclipped parents, content cut off by overflow: hidden/clip containers, viewport boundary bleed, conflicting minWidth > maxWidth, non-wrapping horizontal stack overflow, fixed grid column overflow, and interactive targets smaller than 24×24px (WCAG 2.2 AA).

Potential Issues (Visual Verify): Layout patterns that merit visual inspection on tablet and mobile viewports — such as rigid fixed widths occupying >= 88% of a mobile screen, fixed-height text containers, unstacked horizontal rows on mobile, sibling layer overlaps, and unreduced desktop padding on mobile.

API Boundary Disclosures: Transparently flags component instances or custom code nodes whose internal DOM tree is not exposed by the public Framer Plugin SDK.

Dynamic Breakpoint Detection: Automatically detects Desktop, Tablet, Mobile, and custom-width breakpoints defined on your Framer pages without assuming hardcoded widths.

Cross-Breakpoint Replica Comparison Matrix: Compare primary Desktop layers against their Tablet and Mobile replicas side by side to spot unadapted padding, fixed widths, or unwrapped horizontal stacks immediately.

Direct Layer Focus: Click Select Layer or Zoom to Layer on any finding to jump straight to the offending node on the Framer canvas.

Smart Suppression: Automatically ignores hidden layers (visible: false), intentional horizontal/vertical scroll carousels (overflow: auto), small badges/icons, and decorative background blurs (Background Glow, Blur, low-opacity backdrops).

Capture a baseline scan snapshot, adjust your layout constraints in Framer, and re-scan to track Resolved, New, and Persisting responsive issues in real time.

Exportable QA Reports: Download structured CSV, PDF (zero-dependency native PDF report), and JSON audit reports for client handoff or agency QA checklists.

100% Read-Only & Local: Breakpoint Pilot never modifies layers, never alters breakpoints or CMS content, and executes all layout analysis locally inside Framer with zero telemetry.

Framer Marketplace: https://www.framer.com/marketplace/plugins/breakpoint-pilot/