Figma for Mac

Figma how-to guides

Every Figma guide we have, newest first. Each one lists the menu path, the shortcut and what to do when it does not work.

Designer at a Mac laptop learning how to add a plugin in Figma on Mac at a deskEasy · 5 minHow to add a plugin in Figma on Mac: step by step for Figma desktopLearn how to add a plugin in Figma on Mac: open Tools, filter by Plugin, click Run, then fix the errors that stop a plugin from running.Designer working on a MacBook, adjusting a layout, for a guide on how to add auto layout in Figma on MacEasy · 10 minHow to add auto layout in Figma on Mac: step by step for designersHow to add auto layout in Figma on Mac: select layers, press ⇧ A, then set direction, padding and gap. Fixes for common errors included.Designer at a MacBook at a desk, working on a Figma layout that will become a reusable componentEasy · 5 minHow to create a component in Figma on Mac: shortcut, sidebar and right-click stepsLearn how to create a component in Figma on Mac with ⌥⌘K, the right sidebar or right-click. Covers bulk creation and common fixes.Designer at a Mac laptop learning how to create a frame in Figma on MacEasy · 10 minHow to create a frame in Figma on Mac: the Frame tool, presets and shortcutsHow to create a frame in Figma on Mac: press F or click the Frame tool, click or drag the canvas, then pick a preset in the right sidebar.Designer at a desk working on a MacBook, planning screens before they create a prototype in Figma on MacEasy · 20 minHow to create a prototype in Figma on Mac: step by step for Figma desktopLearn how to create a prototype in Figma on Mac: link frames with interactions, set a starting point and preview with ⇧ Shift Space. Steps for the desktop app.Designer working at a MacBook on a desk, setting up a text style in Figma on MacEasy · 5 minHow to create a text style in Figma on Mac: select, name and reuse itLearn how to create a text style in Figma on Mac: select a text layer, name the style, click Create style, and reuse it in your file.Designer at a Mac laptop opening Figma, the first step in how to create a variable in Figma on MacEasy · 10 minHow to create a variable in Figma on Mac: step by step for beginnersFind out how to create a variable in Figma on Mac: open the Variables tab, pick a collection, then name and set the value. Steps for the desktop app.Designer working on a laptop at a desk, duplicating a layer in a Figma design file on a MacEasy · 2 minHow to duplicate a layer in Figma on Mac: the keyboard and drag stepsLearn how to duplicate a layer in Figma on Mac with ⌘D, Option-drag and copy and paste. Steps for the desktop app and browser, plus fixes that work.Designer working at a MacBook on a desk, the setup for learning how to export a frame as PNG in Figma on MacEasy · 3 minHow to export a frame as PNG in Figma on Mac: step by step for beginnersLearn how to export a frame as PNG in Figma on Mac, step by step. Covers the Export section, 2x scale, file naming and common fixes.Designer on a Mac learning how to export as SVG in Figma at a clean deskEasy · 3 minHow to export as SVG in Figma on Mac: single layers, frames and bulk exportHow to export as SVG in Figma on Mac: select the layer, open Export, choose SVG, then click Export. Covers SVG settings, bulk export and copy as SVG.Person at a desk following steps on how to install figma desktop app on macEasy · 10 minHow to install figma desktop app on Mac: step by step for beginnersHow to install figma desktop app on Mac: download Figma from figma.com, move it to Applications, and check for updates. macOS 12 or later.Designer working at a MacBook on a desk, ready to invite someone to Figma on MacEasy · 5 minHow to invite someone to Figma on Mac: single file and team steps for 2026How to invite someone to Figma on Mac: open the file, click Share, enter their email, pick can view or can edit, then click Send invite.Designer at a Mac learning how to pin a tab in Figma on MacEasy · 3 minHow to pin a tab in Figma on Mac: steps for the desktop appHow to pin a tab in Figma on Mac: right-click the file tab, choose Pin tab, and unpin it the same way. Desktop app steps for macOS 12 or later.Designer at a MacBook checking screens before they present a prototype in Figma on MacEasy · 5 minHow to present a prototype in Figma on Mac: step by step for beginnersLearn how to present a prototype in Figma on Mac: press ⌘ ⌥ Return or click Present, set a starting frame, then move with the arrow keys.Designer at a Mac checking how to restore earlier version in FigmaEasy · 5 minHow to restore earlier version in Figma on Mac: step by step for the desktop appHow to restore earlier version in Figma on Mac: open Show Version History, preview a version, then choose Restore This Version from the options control.A person using a MacBook who wants to see Figma notifications on MacEasy · 4 minHow to see Figma notifications on Mac: the menu bar icon, step by stepHow to see Figma notifications on Mac: open the desktop app, click the menu bar icon, read the feed, and fix it when it disappears.Designer at a laptop learning how to select layers with keyboard in Figma on MacEasy · 10 minHow to select layers with keyboard in Figma on Mac: Enter, Tab and Option Space stepsHow to select layers with keyboard in Figma on Mac: Enter, Shift+Enter, Tab and Option+Space, plus box select and common fixes.Designer at a desk working on a Mac laptop, setting constraints in Figma on MacEasy · 5 minHow to set constraints in Figma on Mac: pin layers to frame edges for resizingHow to set constraints in Figma on Mac: select a layer in a frame, open Position, click Constraints, then pick Left, Right, Top or Bottom.Designer on a Mac learning how to share figma file view only on mac before sending a link to a teammateEasy · 5 minHow to share figma file view only on mac: invites, link roles and copy limitsLearn how to share figma file view only on Mac: set Can view, copy the link, and block copying on paid plans. Steps for the desktop app.Designer working at a MacBook while learning how to show keyboard shortcuts in Figma on MacEasy · 3 minHow to show keyboard shortcuts in Figma on Mac: panel, Help button and layout fixesLearn how to show keyboard shortcuts in Figma on Mac: press Control Shift ?, use the Help button, or try the actions menu. Layout fixes too.Designer using a Mac trackpad to turn on trackpad haptics in FigmaEasy · 5 minHow to turn on trackpad haptics in Figma on Mac: desktop app steps for beginnersTo turn on trackpad haptics in Figma on Mac, open Preferences from the Figma menu and switch on Trackpad Haptic Feedback. Then check Force Click on your Mac.Designer working at a desk on a Mac laptop while reviewing a Figma designEasy · 15 minHow to use Dev Mode in Figma on Mac: inspect designs step by stepLearn how to use Dev Mode in Figma on Mac: open it with Shift D, inspect layers, export assets, and mark frames ready for dev.Designer at a Mac laptop setting up local fonts in Figma on MacEasy · 10 minHow to use local fonts in Figma on Mac: fonts installed on your MacHow to use local fonts in Figma on Mac: install the font in Font Book, restart the desktop app, then pick it under Installed by you.Designer at a Mac laptop checking two Figma files side by sideEasy · 3 minHow to view two Figma tabs side by side on Mac: desktop split view stepsLearn how to view two figma tabs side by side on mac in the Figma desktop app: drag a tab to the edge, or right-click to split one file.Designer at a laptop on a desk, practicing how to zoom in and out in Figma on MacEasy · 6 minHow to zoom in and out in Figma on Mac: shortcuts, trackpad and mouse stepsHow to zoom in and out in Figma on Mac: hold ⌘ and press plus or minus, pinch on a trackpad, or press ⇧ 1 to fit the canvas. Steps and fixes.