All of the essential features Figma has built into their app continue to impress me. What was once a hack in Sketch is now a well-considered feature in Figma, which is a breath of fresh air.
I frequently come across time-saving features that I wish I had known about sooner — hopefully, some of these will excite you as much as they did me when I first discovered them.
1. It's the simplest progress ring you've ever constructed.
Maybe it's just me, but I had no idea what the arc tool was until I accidentally dragged it one day. It results in some really simple and lovely progress rings.
2. To avoid distortion, use the scale tool.
With the scale tool, you can keep your designs pixel precise – simply pick what you want to scale, then press K on the keyboard, drag, and voila.
In the past, I was always hesitant to scale designs since something would always go wrong and I'd have to fix it. Those concerns are no longer valid thanks to the scale tool; everything scales perfectly and retains proportions without the need for rework.
3. Drag things out of a frame while keeping them within it.
If you hold down the spacebar while dragging an object out of a frame, it will stay inside the container. You may also turn off "clip contents" for the frame that includes the object so that you can see it while it's outside the container — you can also reveal the outlines by pressing CMD (CTRL)+ Y.
4. Clean up, reposition, and organise the grid.
After choosing numerous objects in an array, tidy up your designs by clicking the grid symbol in the corner. This equalises all object spacing, allowing you to re-arrange and change object spacing by dragging them.
5. Replicate the previous action.
To duplicate your last action, press CMD + D. Duplicating objects, frames, and anything else using CMD + D is also possible.
6. Use the eyedropper to preview a colour.
To preview different hues using the eyedropper tool, I hold down instead of tapping.
7. CMD + / unlock all objects
CMD + / features a slew of handy quick actions that will speed up your productivity. If you're not already utilising it, I strongly advise you to have a look at what's accessible in the menu. Quickly unlocking all of my objects and changing typefaces is a common process for me.
8. Drag and drag photos into placeholder forms with ease.
To change the fill of shapes or frames with a collection of photos, use CMD + Shift + K.
9. Additional Spacebar Tricks
To enlarge the selection size of your pointer, drag a selection region and then hold space.
If you're sketching a shape, you can also hold space while drawing to move the item around.
If that's not enough, you can also use the spacebar to prevent Figma from nesting things inside frames or auto-layouts — the spacebar is quite useful!
10. Content Reel + Unsplash
Content Reel and Unsplash have been two essential plugins for me to save time and avoid calling everyone "John Doe." With Content Reel, you can quickly and easily add avatars, lorem ipsum, names, addresses, and more to your design. Unsplash is a free graphic collection with a large number of high-quality images.
11. ADDITIONAL INFORMATION! In seconds, you can adjust the line height.
If your line-height appears goofy and you don't have a specific value, write "auto" into the line-height field or erase whatever number is currently there and press enter; it will adjust itself!
If you have any doubts, Please let me know