Vector macOS cursors

Prevent nesting in frames

Figma nests layers automatically in frames. If you want to have your layer not in but on top of your frame, select the layer, hold spacebar and start dragging. This preserves your layer order.

Resize frames while ignoring constraints

If you resize a frame, layers with constraints change accordingly. If you don't want any layers with constraints to change, hold 🅲🅼🅳 while resizing the frame.

Navigate between pages

Use 🅵🅽 + ⬆️ and 🅵🅽 + ⬇️ to navigate between pages

Navigate between tabs

Work in multiple tabs? Switch between them using 🅲🅼🅳 + [A number]. For example: if you have 2 tabs, 🅲🅼🅳 + 1️⃣ will open the first tab. 🅲🅼🅳 + 2️⃣ will open the second.

Copy svg's in to Figma

Copy paste SVG code directly from your browser to Figma. Right click the SVG you want and select Inspect. Right click the highlighted code in the inspector and click on Copy -> Copy OuterHTML. Paste in Figma.

Align layers

Align layers to top, bottom, left or right by pressing 🅲🅾🅽🆃🅾🅻 + 🅲🅼🅳 + ⬅️/⬆️/➡️/⬇️

Nudge gradients with precision

When editting a gradient start and end position, use your arrow keys (⬅️⬆️➡️⬇️) to move them by 1px. Or hold shift to nudge them by your default nudge amount

Copy/Paste layer and text styles

While having a layer selected, press 🅲🅼🅳 + 🆂🅷🅸🅵🆃 + 🅲 to copy and 🅲🅼🅳 + 🆂🅷🅸🅵🆃 + 🆅 to paste the styles.

Copy individual layer properties

Select the row in the design sidebar you want to copy and press 🅲🅼🅳 + 🅲 to copy and paste it on a different layer with 🅲🅼🅳 + 🆅.

Paste images in shapes from your clipboard

Copy any image you've found on the web. Select the layer and press 🅲🅼🅳 + 🆅.

Inserting multiple images into any shapes

Press 🅲🅼🅳 + 🆂🅷🅸🅵🆃 + 🅺, select the images you want and click on the shapes you want to fill.

Directly copy frames as PNG

In the desktop app, you can directly copy frames as PNG's and paste them in, for example, Slack. Right mouse click -> Copy / Paste -> Copy as PNG.

Quickly edit text layer

Edit multple text layers

While your're editting a text layer, you can click inside a different text layer and immedietly continue to edit

Remove all panels

Use 🅲🅼🅳 + ․ to hide or show all the panels. This is ideal when presenting work.

Toggle between outlines

Press 🅲🅼🅳 + 🆈 to toggle between outlines to help with components and constraints.

Select multiple constraints

Hold 🆂🅷🅸🅵🆃 to (de)select multiple constrains

Masks

In Figma, masks are placed at the bottom, not at the top. It's the reverse from Photoshop, Illustrator and Sketch. Masks also don't show background colors. They only function as putting layers in a group and mask them.

Shift through HEX values

While having the hex field selected, hold 🆂🅷🅸🅵🆃 + ⬆️ or ⬇️ to shift through the different values.

Zoom to specifc area

Hold 🆉 and drag an area to zoom in to. Hold 🆉 + ⌥ to zoom out.

Flip layers

While having a layer selected, press 🆂🅷🅸🅵🆃 + 🅷 for a horizontal and 🆂🅷🅸🅵🆃 + 🆅 for a vertical flip.