Figma Keys
Every Figma shortcut you need. Mac & Windows.
Select and move objects on the canvas
Tools & ShapesScale objects proportionally from center
Tools & ShapesDraw a frame (artboard) on the canvas
Tools & ShapesDraw a rectangle shape
Tools & ShapesDraw an ellipse or perfect circle
Tools & ShapesDraw a straight line
Tools & ShapesDraw an arrow connector
Tools & ShapesDraw custom vector paths with bezier curves
Tools & ShapesFreehand drawing tool
Tools & ShapesAdd a text layer to the canvas
Tools & ShapesPlace an image file onto the canvas
Tools & ShapesPan around the canvas without clicking
Tools & ShapesSample any color from the canvas
Tools & ShapesAdd a comment to the canvas
Tools & ShapesOpen the resources and plugins panel
Tools & ShapesJoin selected vector points
Tools & ShapesJoin selected points with smooth curves
Tools & ShapesRemove fill from selected layer
Tools & ShapesRemove stroke from selected layer
Tools & ShapesZoom into the canvas
NavigationZoom out of the canvas
NavigationFit all objects on the current page in view
NavigationReset zoom to actual 100% size
NavigationZoom to fit the selected objects
NavigationNavigate to the previous top-level frame
NavigationNavigate to the next top-level frame
NavigationShow or hide rulers around the canvas
NavigationShow or hide layout grids on frames
NavigationView all layers as outlines only
NavigationToggle all UI panels for a clean canvas view
NavigationOpen the quick actions command palette
NavigationHold space and drag to pan around the canvas
NavigationOpen the keyboard shortcuts reference panel
NavigationGo to the next frame in prototype mode
NavigationGo to the previous frame in prototype mode
NavigationUndo the last action
EditingRedo the last undone action
EditingCopy selected layers to clipboard
EditingPaste from clipboard
EditingPaste at the exact same position as the original
EditingCut selected layers
EditingDuplicate selected layers in place
EditingDelete selected layers from the canvas
EditingSelect all layers on the current page
EditingRename the selected layer in the layers panel
EditingCopy fill, stroke, and style properties
EditingPaste style properties onto selected layer
EditingOpen the Find & Replace dialog
EditingInvert the current selection
EditingExit current selection or editing mode
EditingCopy selected layer as a PNG image
EditingCopy a shareable link to the current page
EditingToggle bold font weight on selected text
TypographyToggle italic style on selected text
TypographyToggle underline on selected text
TypographyToggle strikethrough on selected text
TypographyLeft-align paragraph text
TypographyCenter-align paragraph text
TypographyRight-align paragraph text
TypographyIncrease font size by 2pt
TypographyDecrease font size by 2pt
TypographyIncrease letter tracking by 20
TypographyDecrease letter tracking by 20
TypographyConvert selection into a reusable component
ComponentsDetach component instance from its main component
ComponentsGroup selected layers together
ComponentsUngroup the selected group
ComponentsWrap selected layers in a new frame
ComponentsFlatten vector layers into a single path
ComponentsToggle visibility of selected layer
ComponentsToggle lock state of selected layer
ComponentsOpen the assets panel to browse components
ComponentsOpen the team component library
ComponentsMove layer to top of the stack
LayoutMove layer to bottom of the stack
LayoutMove layer one step up in the stack
LayoutMove layer one step down in the stack
LayoutFlip selected layer horizontally
LayoutFlip selected layer vertically
LayoutAlign selected objects to the leftmost edge
LayoutAlign selected objects to the rightmost edge
LayoutAlign selected objects to the top edge
LayoutAlign selected objects to the bottom edge
LayoutCenter objects on the horizontal axis
LayoutCenter objects on the vertical axis
LayoutAdd auto layout to selected frame or group
LayoutRemove auto layout from selected frame
LayoutEvenly space selected objects horizontally
LayoutEvenly space selected objects vertically
LayoutAuto-arrange selected objects into a clean grid
LayoutUse the selected shape as a clipping mask
LayoutEnter crop mode for a selected image
LayoutSet selected layer opacity to 0%
OpacitySet selected layer opacity to 10%
OpacitySet selected layer opacity to 20%
OpacitySet selected layer opacity to 30%
OpacitySet selected layer opacity to 40%
OpacitySet selected layer opacity to 50%
OpacitySet selected layer opacity to 60%
OpacitySet selected layer opacity to 70%
OpacitySet selected layer opacity to 80%
OpacitySet selected layer opacity to 90%
OpacitySet selected layer opacity to 100% (press 0 twice)
Opacity