Scaler
Scaler ensures your designs always fit, no matter how narrow the screen gets. Drop any large element into Scaler - it automatically scales to fit any container while preserving proportions.
About this Component
We’ve all been there: you design a beautiful, complex UI or a detailed table for desktop, but when you switch to the mobile breakpoint, it’s too wide. Usually, you’re forced to delete elements, hide columns, or completely rebuild the layout.
Scaler gives you a better option: it proportionally shrinks your layers designed natively in Framer.
Some common scenarios:
Live UI mockups: unlike static images, your native Framer layers stay sharp and perfectly fitted to the screen.
Intricate illustrations: stop elements from poking out of the browser or requiring you to hide layers for smaller screens.
