Framer keyboard shortcuts

Framer's official shortcut table covers agents, arranging, editing, layout, preview, projects, selection, tools, typography, vector editing, views, and zoom.

Windows, macOS · 129 shortcuts

Agent

Open the Agent, move through prompt history, and edit or send a prompt.

ActionWindowsmacOS
Show AgentAA
Select AgentCtrlAltACtrlA
Send a promptEnterEnter
Add a new line without sendingShiftEnterShiftEnter
Send a prompt immediatelyCtrlEnterCmdReturn
Close or blur the Agent inputEscEsc
Show the previous promptAltUpOptionUp
Show the next promptAltDownOptionDown
Undo in the Agent inputCtrlZCmdZ
Redo in the Agent inputCtrlShiftZCmdShiftZ

Arrange and align

Change layer order and align or distribute selected objects.

ActionWindowsmacOS
Bring the selection to the front]]
Send the selection to the back[[
Bring the selection forwardCtrlAltUpCmdOptionUp
Send the selection backwardCtrlAltDownCmdOptionDown
Align leftAltAOptionA
Align horizontallyAltHOptionH
Align rightAltDOptionD
Align topAltWOptionW
Align verticallyAltVOptionV
Align bottomAltSOptionS
Distribute horizontallyAltShiftHCtrlOptionH
Distribute verticallyAltShiftVCtrlOptionV

Branching, CMS, and components

Merge branches, move through CMS items, and create components from selected objects or code.

ActionWindowsmacOS
Merge to MainCtrlShiftMCmdShiftM
Go to the previous CMS itemAltUpOptionUp
Go to the next CMS itemAltDownOptionDown
Create a componentCtrlAltKCmdOptionK
Create a component from codeCtrlShiftKCmdShiftK

Developer tools and editing

Save files, run plugins, edit objects, and search project content.

ActionWindowsmacOS
Save the fileCtrlSCmdS
Run the recent pluginCtrlAltPCmdOptionP
Open the development pluginCtrlAltLCmdOptionL
UndoCtrlZCmdZ
RedoCtrlShiftZCmdShiftZ
Go backCtrl[Cmd[
Go forwardCtrl]Cmd]
CutCtrlXCmdX
CopyCtrlCCmdC
PasteCtrlVCmdV
Copy styleCtrlAltCCmdOptionC
Paste styleCtrlAltVCmdOptionV
Copy fillCtrlShiftCCmdShiftC
Paste in placeCtrlShiftVCmdShiftV
DuplicateCtrlDCmdD
DeleteDelBackspace
RenameCtrlRCmdR
Auto-renameAltROptionR
LockCtrlLCmdL
HideCtrl;Cmd;
Find contentCtrlFCmdF

Layout and preview

Add frames or stacks, fit content, and inspect or present a project preview.

ActionWindowsmacOS
Add a frameCtrlEnterCmdReturn
Add a stackCtrlAltEnterCmdOptionReturn
Remove the wrapperCtrlDelCmdDelete
Fit contentShiftAShiftA
Resize to fit contentCtrlAltRCtrlOptionR
Open PreviewCtrlPCmdP
Toggle Preview fullscreenCtrlShiftFCmdShiftF
Toggle Preview highlightsCtrlShiftHCmdShiftH
Refresh PreviewCtrlRCmdR
Inspect PreviewCtrlICmdI
Toggle responsive PreviewZZ
Preview the next breakpointCtrl.Cmd.
Preview the previous breakpointCtrl,Cmd,

Project and selection

Create or publish projects, open project tools, and move through selected objects.

ActionWindowsmacOS
Create a new projectAltCtrlNOptionCmdN
Import from FigmaCtrlShiftICmdShiftI
Upload an imageAltCtrlIOptionCmdI
Publish the siteCtrlShiftPCmdShiftP
Open the siteCtrlShiftOCmdShiftO
Open Quick ActionsCtrlKCmdK
Open Version HistoryShiftCtrlHShiftCmdH
Select allCtrlACmdA
Select all siblingsCtrlShiftACmdShiftA
Select the parentEscEsc
Select the top parentNot documentedCmdEsc
Select all childrenEnterEnter
Go back to the pageAltEscOptionEsc
Cycle selection forwardsTabTab
Cycle selection backwardsShiftTabShiftTab

Tools, typography, and vector editing

Choose drawing tools, format type, and combine or group vector objects.

ActionWindowsmacOS
Activate the Insert toolII
Activate the Frame toolFF
Activate the Stack toolSS
Activate the Text toolTT
Activate the Rounded toolUU
Activate the Image toolShiftIShiftI
Activate the Video toolShiftVShiftV
Activate the Rectangle toolRR
Activate the Oval toolOO
Activate the Rows toolShiftRShiftR
Activate the Columns toolShiftCShiftC
Activate the Grid toolShiftGShiftG
Activate the Masonry toolShiftMShiftM
Activate the Path toolPP
Activate the Scale toolKK
Sample a colorNot documentedCtrlC
Open Cursor Chat//
BoldCtrlBCmdB
ItalicCtrlICmdI
UnderlineCtrlUCmdU
Select a typefaceCtrlTCmdT
Unite vector objectsAltShiftUOptionShiftU
Subtract vector objectsAltShiftSOptionShiftS
Intersect vector objectsAltShiftIOptionShiftI
Exclude vector objectsAltShiftEOptionShiftE
Join vector pointsAltShiftJOptionShiftJ
GroupCtrlGCmdG
UngroupCtrlShiftGCmdShiftG

Views and zoom

Change panels and interface visibility, open chats, and navigate the canvas at different scales.

ActionWindowsmacOS
Open a new chatCtrlJCmdJ
Show StyleEE
Show PagesAltShift1OptionShift1
Show LayersAltShift2OptionShift2
Show AssetsAltShift3OptionShift3
Collapse LayersAltLOptionL
Show or hide the interfaceAlt.Cmd.
Open the Canvas viewAlt1Option1
Open the CMS viewAlt2Option2
Open the Localization viewAlt3Option3
Open the Analytics viewAlt4Option4
Open SettingsAlt5Option5
Add a commentCC
Open the LibraryCtrl/Cmd/
Zoom inCtrl+Cmd+
Zoom outCtrl-Cmd-
Zoom to 100%Shift0Cmd0
Zoom to fitShift1Cmd1
Zoom to the selectionShift2Cmd2
Show rulersCtrlShiftRCtrlR
Show guidesAltGCtrlG
Toggle Night ModeAltNCtrlCmdN
Activate ZoomZZ

Make a printable Framer sheet