Layout & Design

10 Framer Shortcuts to Supercharge your Productivity

Justin

1:54

4.6K views

Jan 31, 2025

About this lesson

Boost your workflow with these 10 Framer shortcuts that’ll save you time and keep you in the zone. No fluff—just quick, useful tips to speed up your design process.

🌞 Start for free: https://framer.link/yt

📚 Learn more at: https://framer.link/yt-academy

💎 Join the Community: https://framer.link/yt-community

🎉 Follow on X: https://framer.link/yt-x

MB01ANOAQC1M2NZ

0:00hey everyone Justin from framer here and 0:02today I'm sharing 10 shortcuts in framer 0:05that'll supercharge your productivity 0:07hit command K on your keyboard to 0:09activate framer quick actions menu to 0:11create a page component find plugins or 0:14search for any tool in framers 0:17Arsenal hit L after selecting an element 0:19on your canvas to quickly add a link 0:22editing a component well this shortcut 0:24will add an interaction instead two for 0:27the price of one navigate from a child 0:30layer to its parent easily by hitting 0:32the Escape key throw it in reverse and 0:35go from parent to Child by hitting the 0:37return 0:38key if you need to quickly grab the 0:40parent of an element just hold command 0:42and click instantly selecting what you 0:45need love that button styling and want 0:47it in more places throughout your design 0:49use option command C to copy the style 0:52and option command V to apply it to 0:54other elements on your 0:56site navigating nested layers can get 0:59tricky so to move selected layers 1:01without accidentally selecting other 1:03layers just hold option command and drag 1:06anywhere on the canvas problem 1:08solved hold option while dragging on the 1:11canvas to grab only the layers fully 1:13inside your selection box no extras 1:16saving you time and selecting only what 1:18you want ready to test your design hit 1:21command P to instantly open the preview 1:24window and see it in action and finally 1:27when your updates are ready for the 1:29world Hit shift command P to publish 1:32shipping your changes 1:35instantly and that's it 10 shortcuts to 1:38save time stay organized and enhance 1:40your design workflow let us know your 1:42favorite in the comments below and don't 1:44forget to subscribe for more framer tips 1:47I'll see you in the next one 1:51[Music]

TeachesKeyboard Shortcuts

Also coversComponents Links Plugins

Watch on YouTube ↗

‹ Framer Update: Zooming, Layout, and more

Styling Frames in Framer (Fundamentals Lesson 16) ›

More in this topic