Viewport "Fold Line" Indicator for Stretched Device Frames
Summary: Add an automatic, togglable "Viewport Fold Line" on extended device frames so stakeholders can instantly see what sits above the fold directly on the canvas—eliminating scroll height confusion during design reviews.
The Problem When frame heights are stretched downward to fit long scrolling pages, Product Owners, clients, and non-design stakeholders often mistake the total frame canvas for the initial viewable screen. During reviews, they assume lower content will be immediately visible without scrolling, causing miscommunication around layout priority and above-the-fold real estate.
Source of Inspiration Adobe XD solves this natively: when you choose a preset viewport (such as an iPhone or MacBook preset) and stretch the height downward, it automatically displays a dashed horizontal guide marking the original viewport height. This clearly marks the boundary between the default view and scrollable content directly on the working canvas.
The Solution Introduce an automatic "Scroll Guide" or "Fold Line" for preset device frames in Figma.
-
Baseline Marker: When a standard preset frame (e.g., Desktop - 1440px or iPhone 16) is stretched vertically, leave a subtle horizontal line at the original viewport height.
-
Canvas Visibility: Show this marker directly on the editor canvas—not just in Prototype Mode—so layout boundaries are clear while designing and presenting.
-
Toggle & Customization: Allow designers to toggle the indicator on/off per frame or globally in the canvas settings, with the ability to manually adjust the fold height if needed.
[Moderator note: This post was moved from the Report a Problem category into Suggest a Feature on 16-Sep-2026.]