Figma shortcut keys for windows

figma shortcut keys for windows

image

Figma, an application for interface planning, functions within a web browser; however, it offers far more than just that. Figma provides a comprehensive range of tools needed for the project design phase, including vector tools capable of creating full-fledged illustrations, along with prototyping capabilities and code generation for hand-off.

The features of Figma are as follows:

Online Operation of Figma Figma operates on the web, even though it is browser-based. It also has a desktop version for both Windows and Mac OS, which are essentially wrapped applications running a browser within them. However, if that is the case, Figma constantly runs online within those applications.

Collaboration

Figma’s “always online” nature offers some of the most significant qualities of the tool. One of those strengths is that Figma enables real-time collaboration. You and your team can all sign in to a design at the same time, making changes simultaneously. Additionally, since these designs are fully saved online, you never have to worry about any team members falling out of sync with the project. The latest changes are always available in the document, and you need not worry about transferring files between team members or pushing files to and from any third-party storage platform.

Component Libraries

Figma enables you to develop libraries of reusable components accessible to the entire team. Components give designers a head start on any existing design systems, and when a component is updated in the central library, those changes are made across all designs for everyone.

Prototyping and Code Output For prototyping

you can create interactions and hotspots on your design to simulate how a user would navigate through that interface. Figma can generate SVG code, CSS, and iOS and Android code for the coding phase.

Most Used Figma keyboard shortcut keys:

Essential (4 shortcuts)
Ctrl + ↑ Shift + ?Show keyboard shortcuts
Ctrl + \Show/hide UI
IPick a color from elsewhere
Ctrl + /Search through all commands
Tools (12 shortcuts)
VMove tool
FFrame tool
PPen tool
↑ Shift + PPencil tool
TText tool
RRectangle tool
OEllipse tool
LLine tool
↑ Shift + LArrow tool
CAdd / show comments
IPick color
SSlice tool
View (10 shortcuts)
↑ Shift + RRulers
Ctrl + ↑ Shift + 3Show outlines
Ctrl + Alt + YPixel preview
Ctrl + ↑ Shift + 4Layout grids
Ctrl + ‘Pixel grid
Ctrl + \Show/hide UI
Ctrl + Alt + \Show multiplayer cursors
Alt + 1Show layers
Alt + 2Show components
Alt + 3Show team library
Zoom (12 shortcuts)
Space +
 +
Pan
#ERROR!Zoom in
Zoom out
↑ Shift + 0Zoom to 100%
↑ Shift + 1Zoom to fit
↑ Shift + 2Zoom to selection
↑ Shift + NZoom to the previous frame
NZoom to next frame
Page UpPrevious page
Page DownNext page
HomeFind the previous frame
EndFind next frame
Text (14 shortcuts)
Ctrl + BBold
Ctrl + IItalic
Ctrl + UUnderline
Ctrl + ↑ Shift + VPaste and match style
Ctrl + Alt + LText align left
Ctrl + Alt + TText align center
Ctrl + Alt + RText align-right
Ctrl + Alt + JText align justified
Ctrl + ↑ Shift + <Adjust font size
or Ctrl + ↑ Shift + > 
Alt + ,Adjust letter spacing
or Alt + . 
Alt + ↑ Shift + <Adjust line-height
or Alt + ↑ Shift + > 
Shape (10 shortcuts)
PPen
↑ Shift + PPencil
BPaint bucket
Alt + /Remove fill
/Remove stroke
↑ Shift + XSwap fill and stroke
Ctrl + ↑ Shift + OOutline stroke
Ctrl + EFlatten selection
Ctrl + JJoin selection
↑ Shift + ? BackspaceDelete and heal selection
Selection (14 shortcuts)
Ctrl + ASelect all
Ctrl + ↑ Shift + ASelect inverse
EscSelect none
Ctrl +Deep select
Ctrl +Select layer menu
? EnterSelect child
↑ Shift + ? EnterSelect parents
? TabSelect next sibling
↑ Shift + ? TabSelect the previous sibling
Ctrl + GGroup selection
Ctrl + ↑ Shift + GUngroup selection
Ctrl + Alt + GFrame selection
Ctrl + ↑ Shift + HShow / hide selection
Ctrl + ↑ Shift + LLock / unlock selection
Cursor (8 shortcuts)
Alt(while pointing) Measure to selection
Alt(while moving) Duplicate selection
Ctrl +(while clicking) Deep select
Ctrl +(while clicking) Select layer menu
Alt(while resizing) Resize from center
↑ Shift(while resizing) Resize proportionally
Space(while resizing) Move while resizing
Ctrl(while resizing) Ignore constraints (frames only)
Edit (9 shortcuts)
Ctrl + CCopy
Ctrl + XCut
Ctrl + VPaste
Ctrl + ↑ Shift + VPaste over selection
Ctrl + DDuplicate selection in place
Ctrl + RRename selection
Ctrl + ↑ Shift + EExport
Ctrl + Alt + CCopy properties
Ctrl + Alt + VPaste properties
Transform (9 shortcuts)
↑ Shift + HFlip horizontal
↑ Shift + VFlip vertical
Ctrl + Alt + MUse a mask
? EnterEdit shape or image
Ctrl + ↑ Shift + KPlace image
Alt +Crop image
1Set the opacity to 10%
5Set the opacity to 50%
0Set the opacity to 100%
Arrange (13 shortcuts)
Ctrl + ]Bring forward
Ctrl + [Send backward
Ctrl + ↑ Shift + ]Bring to front
Ctrl + ↑ Shift + [Send to back
Alt + AAlign left
Alt + DAlign right
Alt + WAlign top
Alt + SAlign bottom
Alt + HAlign horizontal centers
Alt + VAlign vertical centers
Ctrl + Alt + ↑ Shift + TTidy up
Ctrl + Alt + ↑ Shift + HDistribute horizontal spacing
Ctrl + Alt + ↑ Shift + VDistribute vertical spacing
Components (4 shortcuts)
Alt + 2Show components
Ctrl + Alt + KCreate component
Ctrl + Alt + BDetach instance
Ctrl + Alt + OTeam library
Share this article
Shareable URL
Prev Post

uh oh… we can’t open that file figma

Next Post

25 Most Importate ui ux interview questions

Leave a Reply

Your email address will not be published. Required fields are marked *

Read next
Subscribe to our newsletter
Get notified of the best deals on our WordPress themes.