Master Framer: Customizing Nudge Distance for Precision DesignMaster Framer: Customizing Nudge Distance for Precision Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
As you may know, in Framer you can nudge absolute elements by 1px with your arrow keys, or 10px by holding Shift. But did you know you can actually adjust the nudge distance directly in the editor? Just click the zoom level at the bottom of your canvas, and you’ll see an option to set the nudge amount! Perfect for fine-tuning those tricky elements.
Has anyone played around with this? Let me know how you’re using it!
Dylan's avatar
Moving Rectangles logo
@Jorge Zamora Such a useful tip! I forget about the shift modifier all the time...
@Vaibhav Khulbe @Adriano Reis do you guys use this?!
Adriano's avatar
@Dylan Campbell yeah I’ve been slacking on the default stuff I do that in Figma to have the small nudge as is(1px) and big nudge to 8px but haven’t changed the Framer default
Carolyn's avatar
đŸŽ± I keep my nudge set to 8
Brook's avatar
KEEP GOING Studio logo
@Carolyn Marie Ooo, I assume you work in intervals of 8 then?
I like that idea. Most of my projects are some variation of 16-24-48.... Might have to adopt this nudge!
Carolyn's avatar
@Brook Slagle I actually meant to say that my shift-nudge is 8px đŸ€­ use a baseline nudge of 1px to fine tune đŸ€đŸŒ so yes, I try to keep it 8 pixel grid. You're naming some of my favorite numbers there 😁
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started