The show/hide command works in much the same way as lock/unlock, but determines whether an element is visible within a frame. You can also access the Lock/Unlock commands by right-clicking (Mac/PC) or Ctrl-clicking (Mac) on a layer or by hitting the lock icon next to the object’s name in the Layers panel on the left. To unlock an element, make sure it’s selected in the Layers list, and repeat the same keyboard shortcut. To do this, select any object and hit ] (Mac), or ]]] (PC). Particularly when you’re working in files with lots of layers, it can be useful to lock some of them to prevent accidental selection and edits. The keyboard shortcut is ]]] on Mac, or ]]] on PC. For this, you can use the “Paste over selection” command. But sometimes you need to paste an element exactly where you’re currently located in the canvas. This is useful if you need to paste an element into another frame, and ensure it’s in a consistent place. Figma’s standard “Paste” command is the equivalent of the “Paste in place” command in Adobe software: when you paste an element, Figma will position it in the same place as the original. This distinction will be familiar to Adobe users. You can then make any edits you want to all those elements at the same time. Figma will select all matching layers in the file.Go to the Figma menu in the top-left, then Edit, and then select the option you want (e.g.Select an element with the property you want to find (e.g.This enables you both to locate those elements and, if desired, to change all of them at once. For example, you could select all elements in a file with the same font. Simply deselect everything (hit ]), and set up your Export settings in the Properties, and you can export all your Frames in a single image.Īn extremely useful feature in Figma is the ability to select all layers within a file that share some property. A cool aspect of Figma is that you can easily export the entire Canvas.Once you’ve selected the Slice tool, click and drag to create the Slice, then use the Export options in the Properties panel as explained above. A Slice can cover an area within a frame, outside a frame, or across multiple frames. To export a custom area of the document, you’ll need to create a “Slice” (keyboard shortcut ] ).

Choose your desired settings, and click the “Export” button. Then click the “+” icon next to “Export” at the bottom of the Properties panel.

To export an individual Frame, first select the Frame (either in the Layers list, or by clicking the label above the Frame on the Canvas).

Export options are at the very bottom of the Properties panel when in the Design tab (you might have to scroll down). As a reminder, you can invite people to view your file directly, rather than having to export image files all the time. It’s easy to export files from Figma, though you’ll probably find yourself doing it less often than in other programs, because of the live collaboration functionality that Figma offers. Trust us, the tips and tricks below will supercharge your design work, making you more efficient and comfortable with Figma. Just because you’re not tasked with making something today, it doesn’t mean this lesson is worth skipping. We’re not creating anything in particular today, but you might like to open up a fresh Figma file and try out these techniques, or continue iterating on the tablet/desktop design you created yesterday. Today, we’ve got a tour de force of some extra tips and tricks-our selection of both cool and useful functions in Figma.

Wrap up the course by discovering some extra functions.

All figma fonts