figma shortcut keys for windows
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 |
I | Pick a color from elsewhere |
Ctrl + / | Search through all commands |
Tools (12 shortcuts) | |
V | Move tool |
F | Frame tool |
P | Pen tool |
↑ Shift + P | Pencil tool |
T | Text tool |
R | Rectangle tool |
O | Ellipse tool |
L | Line tool |
↑ Shift + L | Arrow tool |
C | Add / show comments |
I | Pick color |
S | Slice tool |
View (10 shortcuts) | |
↑ Shift + R | Rulers |
Ctrl + ↑ Shift + 3 | Show outlines |
Ctrl + Alt + Y | Pixel preview |
Ctrl + ↑ Shift + 4 | Layout grids |
Ctrl + ‘ | Pixel grid |
Ctrl + \ | Show/hide UI |
Ctrl + Alt + \ | Show multiplayer cursors |
Alt + 1 | Show layers |
Alt + 2 | Show components |
Alt + 3 | Show team library |
Zoom (12 shortcuts) | |
Space + + | Pan |
#ERROR! | Zoom in |
– | Zoom out |
↑ Shift + 0 | Zoom to 100% |
↑ Shift + 1 | Zoom to fit |
↑ Shift + 2 | Zoom to selection |
↑ Shift + N | Zoom to the previous frame |
N | Zoom to next frame |
Page Up | Previous page |
Page Down | Next page |
Home | Find the previous frame |
End | Find next frame |
Text (14 shortcuts) | |
Ctrl + B | Bold |
Ctrl + I | Italic |
Ctrl + U | Underline |
Ctrl + ↑ Shift + V | Paste and match style |
Ctrl + Alt + L | Text align left |
Ctrl + Alt + T | Text align center |
Ctrl + Alt + R | Text align-right |
Ctrl + Alt + J | Text 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) | |
P | Pen |
↑ Shift + P | Pencil |
B | Paint bucket |
Alt + / | Remove fill |
/ | Remove stroke |
↑ Shift + X | Swap fill and stroke |
Ctrl + ↑ Shift + O | Outline stroke |
Ctrl + E | Flatten selection |
Ctrl + J | Join selection |
↑ Shift + ? Backspace | Delete and heal selection |
Selection (14 shortcuts) | |
Ctrl + A | Select all |
Ctrl + ↑ Shift + A | Select inverse |
Esc | Select none |
Ctrl + | Deep select |
Ctrl + | Select layer menu |
? Enter | Select child |
↑ Shift + ? Enter | Select parents |
? Tab | Select next sibling |
↑ Shift + ? Tab | Select the previous sibling |
Ctrl + G | Group selection |
Ctrl + ↑ Shift + G | Ungroup selection |
Ctrl + Alt + G | Frame selection |
Ctrl + ↑ Shift + H | Show / hide selection |
Ctrl + ↑ Shift + L | Lock / 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 + C | Copy |
Ctrl + X | Cut |
Ctrl + V | Paste |
Ctrl + ↑ Shift + V | Paste over selection |
Ctrl + D | Duplicate selection in place |
Ctrl + R | Rename selection |
Ctrl + ↑ Shift + E | Export |
Ctrl + Alt + C | Copy properties |
Ctrl + Alt + V | Paste properties |
Transform (9 shortcuts) | |
↑ Shift + H | Flip horizontal |
↑ Shift + V | Flip vertical |
Ctrl + Alt + M | Use a mask |
? Enter | Edit shape or image |
Ctrl + ↑ Shift + K | Place image |
Alt + | Crop image |
1 | Set the opacity to 10% |
5 | Set the opacity to 50% |
0 | Set the opacity to 100% |
Arrange (13 shortcuts) | |
Ctrl + ] | Bring forward |
Ctrl + [ | Send backward |
Ctrl + ↑ Shift + ] | Bring to front |
Ctrl + ↑ Shift + [ | Send to back |
Alt + A | Align left |
Alt + D | Align right |
Alt + W | Align top |
Alt + S | Align bottom |
Alt + H | Align horizontal centers |
Alt + V | Align vertical centers |
Ctrl + Alt + ↑ Shift + T | Tidy up |
Ctrl + Alt + ↑ Shift + H | Distribute horizontal spacing |
Ctrl + Alt + ↑ Shift + V | Distribute vertical spacing |
Components (4 shortcuts) | |
Alt + 2 | Show components |
Ctrl + Alt + K | Create component |
Ctrl + Alt + B | Detach instance |
Ctrl + Alt + O | Team library |