Other · TOPIC

Keyboard Shortcuts

Every Framer lesson that teaches or touches on Keyboard Shortcuts

Lessons that teach this

8 lessons teach this topic

2:40

Framer Update: Multi-Select for Pages and Assets

Framer Update, Publishing & Settings

4.7K views

September 4, 2025

2:04

Framer Update: Zooming, Layout, and more

Framer Update, Layout & Design

9.3K views

February 3, 2025

1:54

10 Framer Shortcuts to Supercharge your Productivity

Layout & Design

4.6K views

January 31, 2025

1:46

Framer Update: Menus with Search and Scroll

Framer Update, Insert Menu

7.7K views

September 3, 2024

6:02

Interacting with Layers in Framer (Fundamentals Lesson 3)

Layout & Design

85K views

August 23, 2024

2:35

Framer Update: App History

Framer Update, Navigation

4.4K views

March 12, 2024

3:11

Framer Update: Quick Insert

Framer Update, Insert Menu

18K views

December 20, 2022

4:19

8 Framer shortcuts you're probably sleeping on

Layout & Design, Quick Tips

2.8K views

April 14, 2026

Where it comes up

109 moments across 50 lessons

8 Framer shortcuts you're probably sleeping onJoseph

0:00There are a lot of keyboard shortcuts in Framer that will speed up your wor 0:10that you're not taking full advantage of. So let's run through eight awesom 0:20Shortcut number one. Normally, when you resize a frame, Framer respects the 0:38blowing up your layout. Shortcut number two. Press command or control forwa 2:30Next up is number seven, and this shortcut can actually do different things 2:34depending on what you have selected. With one layer selected, the shortcut

Creating Animated Component Interactions (Animation Lesson 11)Joseph

2:50keyboard to do that really quickly. And 3:32zero on the keyboard to set 100%. And if 3:39shortcut. Okay, so this is the gist of 4:54shortcut as adding a link to a normal 4:58keyboard, and your cursor turns into a 7:09one, I'll press L on the keyboard and

Animating vector paths in Framer (Animation Lesson 18)Joseph

6:59press the number two on the keyboard.7:09shortcuts, I can toggle the visibility 7:22return key on the keyboard and it will 10:59that shortcut command and semicolon to 12:57the keyboard to quickly set it to 20%

Getting familiar with the Framer interface (Fundamentals Lesson 1)Joseph

1:14pressing I on the keyboard will bring 1:18keyboard shortcut to commit to memory 1:57great place to learn keyboard shortcuts 4:30Zoom controls with shortcuts that make 4:37using the shortcuts for Zoom to fit and

Drawing with Vectors in Framer (Vectors Lesson 2)Justin

2:58option or alt on our keyboard while 3:19our keyboard, we can place a point 4:41keyboard. From there, we can click 5:16keyboard before closing it. If we do

Practice: Designing Fluid Layouts in Framer (Fundamentals Lesson 24)Joseph

2:58me using the keyboard shortcut more 3:00often than not. And that shortcut is 10:18just press shift A on the keyboard and 15:24going to use that Mac shortcut of option

10 Framer Shortcuts to Supercharge your ProductivityJustin

0:02today I'm sharing 10 shortcuts in framer 0:07hit command K on your keyboard to 0:22editing a component well this shortcut 1:35instantly and that's it 10 shortcuts to

Interacting with Layers in Framer (Fundamentals Lesson 3)Joseph

1:27our shortcut to select the direct parent 5:00their shortcuts by clicking on the zoom 5:18shortcuts for zoom in andout as well as 5:42and shortcuts and start developing that

Making elements revolve in FramerJoseph

0:43command or control L on the keyboard if 0:46you like keyboard shortcuts. Then I'm 2:59press command P on the keyboard. And

Importing from Figma and the Web to Framer (Fundamentals Lesson 14)Joseph

4:44again and a handy little shortcut to run 4:54PC so by hitting that shortcut I have 5:01shortcut is probably something that

Practice: Creating Breakpoints in Framer (Fundamentals Lesson 25)Joseph

8:53on the keyboard, cuz like I said 9:41commit to memory the keyboard shortcut 11:17keyboard shortcuts which are command

Intro to Components in Framer (Fundamentals Lesson 21)Joseph

1:12keyboard shortcut which on a Mac is 3:41pressing return on the keyboard and 15:39shortcut command forward slash or

Text Properties in Framer (Fundamentals Lesson 17)Joseph

0:34keyboard to switch to the text tool and 1:10you like keyboard shortcuts is just to 1:12press shift a on the keyboard so if I go

Framer Update: Zooming, Layout, and moreBenjamin

0:08extra shortcut to wrap layers in an auto 0:29used the command enter shortcut to wrap 0:40command K menu I can enable keyboard

Stacks and Relative Positioning in Framer (Fundamentals Lesson 6)Joseph

1:40with the arrow keys on the keyboard 3:01keyboard the bottom line is that Stacks 3:50the shortcut option command return on a

Framer Update: FormsBenjamin

2:19I'll often use the keyboard shortcut for 2:35layers using the keyboard shortcuts and 4:40the copy and paste style shortcuts I can

Creating your first form in FramerJoseph

3:07keyboard number which validates that the 3:12browsers to switch to a keyboard with 3:22mobile browsers to adjust the keyboard

Make A Responsive Navigation With Dropdown Menus From ScratchBenjamin

2:29selected and and hit five on my keyboard 2:32which is a nice little shortcut to 3:06nice little shortcut to quickly add it

Scaling a clipped image on hover in FramerJoseph

0:38on the keyboard to use the frame tool.1:21our keyboard to use the text tool and

Triggering video playback on scroll in FramerJustin

0:38keyboard and then drag a video component 1:29on our keyboard. Then, we'll name our

Animating between variants on scroll in Framer (Animation Lesson 10)Joseph

4:05just tapping zero on the keyboard. A 4:14very nifty shortcut there. So here we

Framer Update: Search for Pages, Layers, and AssetsBenjamin

0:39simply search for it and with keyboard 0:45keyboard shortcuts to zoom to it

Adding Links in Framer (Fundamentals Lesson 15)Joseph

0:46the keyboard and pressing L will add a 7:32want to use the keyboard shortcut if I

Sizing to Fill and Fit Content in Framer (Fundamentals Lesson 7)Joseph

5:24on the keyboard and it now works on 6:15keyboard shortcut to add a stack around

Framer Update: Menus with Search and ScrollBenjamin

0:10and full support for keyboard navigation 0:26the arrow keys on my keyboard to

Framer Update: App HistoryBenjamin

1:49we picked these shortcuts to align with 2:02we picked new shortcuts to now change

Framer Update: SquircleBenjamin

2:02recreated the Mac OS shortcuts app icon

Using Events for nested interactions in Framer (Animation Lesson 13)Joseph

4:01the keyboard to lock that in. And then

10 Things to check before launching your Framer siteFramer

1:50everything works with a keyboard. Number

Page Titles, Descriptions, and URLs in Framer (SEO Lesson 4)Justin

5:09those navigating with keyboard or other

Intro to SEO & Accessibility in Framer (SEO Lesson 1)Justin

1:20keyboard navigation, or other assistive

Framer Update: Wireframer Icons and Insert SectionsBenjamin

0:09my keyboard. And let's add our prompt. I

Vector Update: Icon Sets, CMS Support, ComponentsBenjamin

0:44now pick icons using only your keyboard

Generating layouts with AI using WireframerFramer

0:43wireframer or press W on the keyboard to

Inline Content EditingEdo

0:26this overlay is a nice shortcut to the

Framer Event — Spring 2025, New AI Tools, reimagined Vector Editing, and Funnels with AB testingFramer

14:43Creator Micro 2 keyboard, here's what to

Site and Page Settings in Framer (Fundamentals Lesson 27)Joseph

1:40it's a shortcut that lets you quickly

Using the Insert Panel in Framer (Fundamentals Lesson 13)Joseph

0:31on the keyboard which not only brings up

Adding Images, Videos, and Text in Framer (Fundamentals Lesson 12)Joseph

4:46the keyboard then we can either click to

Stacks vs Grids in Framer (Fundamentals Lesson 8)Joseph

1:50pressing shift G on the keyboard then