Browser Scaling Mode

Hi Figma team,

I’d love to request a feature that allows designers to simulate browser zoom behavior (e.g., 90%, 100%, 110%, 125%, 150%) either in the file editor or the frame preview window when a specific frame is selected.
 

🔍 What I’m Looking For

I’d like to be able to press Ctrl + Plus (or minus) while editing a frame and see the contents scale like they would in an actual browser zoom, without having to:

• Use the K Scale tool (which permanently resizes elements),

• Or manually simulate responsiveness with constraints and resizing the frame width.

This would be incredibly helpful for quickly checking how my UI elements appear at different zoom levels — particularly for accessibility and UX tuning — without jumping in and out of preview mode or doing frame gymnastics.

📌 Suggested Implementations

• A toggle setting (e.g., “Enable Zoom Scaling on Selected Frame”) in the editor.

• A zoom dropdown in the Preview (Present) window that behaves like browser scaling rather than just canvas zoom.

• A shortcut that triggers a non-destructive scaling layer — useful for testing how zoom % affects visibility, legibility, layout comfort, etc.

🙌 Why It Matters

Many users test real-world UI behavior at multiple zoom levels for:

• Accessibility compliance

• Responsive and adaptive UX tuning

• Visual legibility across devices

• Better simulating how real users interact with designs

Right now, the only workaround is to:

• Manually resize the frame to simulate responsiveness (which is great for layout but not zoom)

• Or visually zoom with the canvas (which doesn’t reflect actual user scaling)

Thanks for considering this! Let me know if there’s any experimental way to do this now, or if others in the community would like this feature please feel free to share your thoughts! 🙌