Figma
Figma, launched in 2016, transformed the design world by offering a browser-based platform for UI/UX design. Unlike other tools, Figma enables real-time collaboration, letting designers, developers, and stakeholders edit a project simultaneously—like Google Docs for design! Fun fact: Figma’s name comes from “Figure” and “Gamma,” symbolizing visual precision. Today, it’s the go-to tool for over 4 million users worldwide, breaking barriers in collaborative and creative workflows.
Shortcuts
Common
Window | Mac | Description |
---|---|---|
V | V | Move |
K | K | Scale |
F | F | Frame(or, A) |
ShiftS | ⇧S | Section |
S | S | Slice |
R | R | Rectangle |
L | L | Line |
ShiftL | ⇧L | Arrow |
O | O | Ellipse |
CtrlShiftK | ⌘⇧K | Place image |
P | P | Pen |
ShiftP | ⇧P | Pencil |
T | T | Text |
ShiftI | ⇧I | Resources |
H | H | Hand |
C | C | Add comment |
I | I | Pick color |
Ctrl/ | ⌘/ | Quick actions |
CtrlAltP | ⌘⌥P | Run last plugin |
View
Window | Mac | Description |
---|---|---|
\ | \ | Show/Hide UI(Editor and presentation mode) |
CtrlShift\ | ⌘⇧\ | Minimize UI |
CtrlAlt\ | ⌘⌥\ | Multiplayer cursors |
ShiftR | ⇧R | Rulers |
CtrlShiftY | ⌘Y | Show outlines |
CtrlShiftP | ⌘⇧P | Pixel preview |
ShiftG | ⇧G | Layout grids |
Shift' | ⇧' | Pixel grid |
AltL | ⌥L | Collapse layers |
Alt1 | ⌥1 | Layers panel |
Alt2 | ⌥2 | Assets panel |
CtrlF | ⌘F | Find and replace |
Alt3 | ⌥3 | Libraries |
Alt8 | ⌥8 | Design panel |
Alt9 | ⌥9 | Prototype panel |
Alt0 | ⌥0 | Inspect panel |
ShiftE | ⇧E | Toggle design/prototype panel |
ShiftC | ⇧C | Show/Hide comments |
CtrlShift\ | ⌘⇧\ | Show/Hide left panel |
CtrlAltEnter | ⌘⌥⏎ | Present (play the prototype) |
ShiftSpace | ⇧Space | Preview (play the prototype on the canvas) |
CtrlAlt←→ | ⌘⌥←→ | Switch between files |
PgUpPgDn | ❌ | Switch between pages |
ShiftD | ⇧D | Dev mode/Design mode |
Zoom
Window | Mac | Description |
---|---|---|
+ | + | Zoom in |
- | - | Zoom out |
Ctrl0 | ⌘0 | Zoom to 100% |
Shift1 | ⇧1 | Zoom to fit |
Shift2 | ⇧2 | Zoom to selection |
ShiftN | ⇧N | Zoom to previous frame |
N | N | Zoom to next frame |
Text
Window | Mac | Description |
---|---|---|
CtrlB | ⌘B | Bold |
CtrlI | ⌘I | Italic |
CtrlU | ⌘U | Underline |
CtrlShiftX | ⌘⇧X | Strikethrough |
CtrlShiftU | ⌘⇧U | Create link |
CtrlShift8 | ⌘⇧8 | Bulleted list\ |
CtrlShift7 | ⌘⇧7 | Numbered list |
CtrlAltL | ⌘⌥L | Text align left |
CtrlAltT | ⌘⌥T | Text align center |
CtrlAltR | ⌘⌥R | Text align right |
CtrlAltJ | ⌘⌥J | Text align justified |
Ctrl[ | ⌘[ | Decrease indentation |
Ctrl] | ⌘] | Increase indentation |
CtrlShift. | ⌘⇧. | Increase font size |
CtrlShift, | ⌘⇧, | Decrease font size |
CtrlAlt. | ⌘⌥. | Increase font weight |
CtrlAlt, | ⌘⌥, | Decrease font weight |
AltShift. | ⌥⇧. | Increase line height |
AltShift, | ⌥⇧, | Decrease line height |
Alt. | ⌥. | Increase letter spacing |
Alt, | ⌥, | Decrease letter spacing |
Shape
Window | Mac | Description |
---|---|---|
B | B | Paint bucket |
Ctrl | ⌘ | Bend tool |
Alt/ | ⌥/ | Remove fill |
Shift/ | ⇧/ | Remove stroke |
ShiftX | ⇧X | Swap fill and stroke |
CtrlJ | ⌘J | Join selection |
CtrlShiftJ | ⌘⇧J | Smooth join selection |
ShiftDel | ⇧Del | Delete and heal selection |
CtrlE | ⌘E | Flatten selection |
Selection
Window | Mac | Description |
---|---|---|
Ctrl | ⌘ | Deep select |
CtrlA | ⌘A | Select all |
CtrlShiftA | ⌘⇧A | Select inverse |
Esc | ⎋ | Select none |
Enter | ⏎ | Select children |
ShiftEnter | ⇧⏎ | Select parent |
Tab | ⇥ | Select next sibling |
ShiftTab | ⇧⇥ | Select previous sibling |
CtrlAltA | ⌘⌥A | Select all matching layers |
CtrlG | ⌘G | Group selection |
CtrlShiftG | ⌘⇧G | Ungroup selection |
CtrlAltG | ⌘⌥G | Frame selection |
CtrlShiftH | ⌘⇧H | Show/Hide selection |
CtrlShiftL | ⌘⇧L | Lock/Unlock selection |
Cursor
Window | Mac | Description |
---|---|---|
Alt | ⌥ | Measure to selection / Duplicate selection / Resize from center |
Shift | ⇧ | Resize proportionally |
Ctrl | ⌘ | Crop image / Ignore constraints (frames) |
Space | Space | Move while resizing |
Edit
Window | Mac | Description |
---|---|---|
CtrlC | ⌘C | Copy |
CtrlX | ⌘X | Cut |
CtrlV | ⌘V | Paste |
CtrlShiftR | ⌘⇧R | Paste to replace |
CtrlShiftV | ⌘⇧V | Paste over selection |
CtrlD | ⌘D | Duplicate |
CtrlR | ⌘R | Rename |
CtrlShiftE | ⌘⇧E | Export |
CtrlShiftC | ⌘⇧C | Copy as PNG |
CtrlAltC | ⌘⌥C | Copy properties |
CtrlAltV | ⌘⌥V | Paste properties |
Transform
Window | Mac | Description |
---|---|---|
ShiftH | ⇧H | Flip horizontal |
ShiftV | ⇧V | Flip vertical |
CtrlAltM | ⌃⌘M | Use as mask |
Enter | ⏎ | Edit shape or image |
CtrlAltShiftR | ⌥⌃⌘R | Resize the frame to fit |
00 | 00 | Set opacity to 0% |
1 | 1 | Set opacity to 10% |
2 | 2 | Set opacity to 20% |
3 | 3 | Set opacity to 30% |
4 | 4 | Set opacity to 40% |
5 | 5 | Set opacity to 50% |
6 | 6 | Set opacity to 60% |
7 | 7 | Set opacity to 70% |
8 | 8 | Set opacity to 80% |
9 | 9 | Set opacity to 90% |
0 | 0 | Set opacity to 100% |
Arrange
Window | Mac | Description |
---|---|---|
AltA | ⌥A | Align left |
AltH | ⌥H | Align horizontal centers |
AltD | ⌥D | Align right |
AltW | ⌥W | Align top |
AltV | ⌥V | Align vertical centers |
AltS | ⌥S | Align bottom |
CtrlAltT | ⌃⌥T | Tidy up |
CtrlAltH | ⌃⌥H | Distribute horizontal spacing |
CtrlAltV | ⌃⌥V | Distribute vertical spacing |
CtrlShift] | ⌘⌥] | Bring to front |
CtrlShift[ | ⌘⌥[ | Send to back |
Ctrl] | ⌘] | Bring forward |
Ctrl[ | ⌘[ | Send backward |
Components
Window | Mac | Description |
---|---|---|
Alt2 | ⌥2 | Show assets |
CtrlAltO | ⌘⌥O | Libraries |
CtrlAltK | ⌘⌥K | Create component |
CtrlAltB | ⌘⌥B | Detach instance |
Alt | ⌥ | Swap component instance While inserting a component |
Auto layout
Window | Mac | Description |
---|---|---|
ShiftA | ⇧A | Add auto layout |
AltShiftA | ⌥⇧A | Remove auto layout |
CtrlAltShiftA | ⌃⇧A | Suggest auto layout |
Alt | ⌥ | Edit both padding sides |
AltShift | ⌥⇧ | Edit all padding sides |
Ctrl | ⌘ | Single padding field |
Arrow Keys | Set alignment stepwise | |
Ctrl↓ | ⌘↓ | Open Menu to allow toggling |