![]() However, when we export our screens to image files like PNGs, these vectors get “rasterized”, which means they get saved as pixel data. Ordinarily, when we’re working in Figma, we see sharp, vector-based shapes and text no matter how far we zoom in. Related to the pixel grid is “Pixel preview”. To toggle the Pixel grid on and off, hit ⌘ ' (Mac), or Ctrl ' (PC).This becomes visible when you zoom in close to a frame, and allows you to see where elements are sitting in relation to individual pixels. In addition to any other grids you’ve set up within individual frames, you can also turn on the “Pixel grid” for the whole file. 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 hamburger menu, then Edit, 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. ![]() Select all with same…Īn extremely useful feature in Figma is the ability to select all layers within a file that share some property. Any hidden layer will be displayed in the Layers list as greyed out, and with a little eye icon next to it. To toggle a layer’s visibility on and off, hit ⌘ Shift ⇧ H (Mac), or Ctrl Shift ⇧ H (PC). 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 its name in the Layers list. 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 ⌘ Shift ⇧ L (Mac) or Ctrl Shift ⇧ L (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 ⌘ Shift ⇧ V on Mac, or Ctrl Shift ⇧ V on PC. For this, you can use the “Paste over selection” command. This is useful if you need to paste an element into another frame, and ensure it’s in a consistent place.īut sometimes you need to paste an element exactly where the current selection is. 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.
0 Comments
Leave a Reply. |