Figma hacks you may not have heard of. I’ve always been amazed at the number of useful features that Figma has built into its application. What used to be a workaround in Sketch is now an elaborate feature in Figma.
I often stumble upon time saving features, I wish I had known about them sooner. I hope you will find some of them interesting and useful in your work.
You May Also Like:
1. Easiest circle progression creation you’ve ever done in your life
I had no idea about the Arc tool until I accidentally dragged it onto artboard one day, it just blew my mind. It allows you to create simple and beautiful progress bars.
2. Use the zoom tool to avoid distortion
Keep your design perfectly proportioned with the zoom tool – just select the element you want to scale, then press the K key on your keyboard and pull the cursor, voila.
In the past, I always refused to scale a design because something always broke and I had to make adjustments. With the scaling tool, these problems no longer exist – everything scales perfectly and maintains its proportions without the need for tweaking.
3. Drag objects outside the frame by holding them inside the container
Hold down the spacebar while dragging the object outside the frame so that it remains inside the container. You can also disable the “Clip contents” feature for the frame containing the object so that you can still see it when it is outside the container – you can also press CMD (CTRL) + Y to display outlines.
4. Tidy up the grid
Tidy up your projects by clicking the grid icon in the corner after selecting a few objects in the array. This will make all the spacing between objects the same, and then you can drag objects to reposition them and adjust the spacing.
5. Duplicate the last action
Press CMD + D to duplicate the previous action. CMD + D will also duplicate objects, frames, and everything else.
6. Preview the color with a dropper
When using the dropper tool (i), hold down the left mouse button to view how the color of the element changes.
7. CMD + / unlock all objects
The CMD + / key combination has tons of useful quick actions that will help your workflow and save a lot of time. If you’re not already using it, I highly recommend seeing what actions are available in the menu. An action I use often is to quickly unlock all objects and change fonts.
8. Easily insert images inside placeholder shapes
Press CMD + Shift + K to replace the fill of shapes or frames with a bunch of images.
9. Other whitespace techniques
Drag the selection area, and then hold down the spacebar to increase the size of the pointer selection.
If you are drawing a shape, you can also hold down the spacebar to move the object as you create it.
And if that’s not enough, you can hold down the spacebar to prevent Figma from automatically nesting objects inside frames or disable auto-layout. The spacebar is very handy!
10. Content Reel + Unsplash
Content Reel and Unsplash were two indispensable plugins that save time and avoid using “John Doe” as a name for all users. With Content Reel you can insert avatars, lorem ipsum, names, addresses and more into your design with a single click. Unsplash is a free library of high quality graphics.
11. BONUS! Fix line height in a second
If you don’t have a specific line-height value just type “auto” in the line-height field and it will automatically adjust!
Discover more from Designe-R
Subscribe to get the latest posts sent to your email.