10 Figma Tricks I Wish I Knew Before


I’ve always been amazed at the number of useful features that Figma has built into its app. What used to be a workaround in Sketch is now a smart feature in Figma.

I often stumble upon time-saving features, I would have liked to know about them sooner. I hope you will find some of them interesting and useful in your work.

1. The easiest circular progress you’ve ever made in your life

2-1

I had no idea about the Arc tool until I accidentally dropped it onto the artboard one day, it just blew my mind. It allows you to create simple and beautiful progress bars.

2. Use the scaling tool to avoid distortion

3-1

Maintain the perfect proportions of your design with the scaling tool – just select the element you want to scale, then press the K key on your keyboard and drag your cursor, voila.

Before, I always gave up on scaling designs because something always broke and I had to make adjustments. With the scaling tool, these problems no longer exist – everything scales perfectly and maintains proportions without the need for rework.

3. Drag objects outside the frame, keeping them inside the container

4-1

Hold down the spacebar while dragging the object out of the frame to keep it inside the container. You can also turn off the “Clip contents” feature for the frame containing the object so you can still see it when it is outside the container – you can also press CMD (CTRL) + Y to display the outlines.

4. Tidy up the grid

five

Tidy up your designs by clicking on the grid icon in the corner after selecting multiple objects in the array. This will make all the spacing between the objects the same, and then you can drag the objects to reposition and adjust the spacing.

5. Duplicate the last action

6

Press CMD + D to duplicate the previous action. CMD + D will also duplicate objects, frames and everything else.

6. Preview the color with an eyedropper

7-2

While using the Eyedropper tool (i), hold down the left mouse button to see how the element’s color changes.

7.CMD + / Unlock All Objects

eight

The CMD + / keyboard shortcut has a ton of useful quick actions that will help you in your workflow and can save you tons of time. If you are not using it yet, I highly recommend looking at what actions are available in the menu. An action that I often use is to quickly unlock all objects and change fonts.

8. Easily insert images inside placeholder shapes

nine

Press CMD + Shift + K to replace the fill of shapes or frames with a bunch of images.

9. Other techniques with a space

10

Drag the selection area and then hold down the Spacebar to increase the size of the pointer selection.

eleven

If you are drawing a shape, you can also hold down the Spacebar to move the object as you draw it.

12

And if that’s not enough, you can hold down the spacebar to prevent Figma from automatically nesting objects within frames, or turn off auto-layout. The space bar is very handy!

10. Content Reel + Unsplash

13

Content Reel and Unsplash were two indispensable plugins that save time and avoid using “John Doe” as the name for all users. With Content Reel, you can insert avatars, lorem ipsum, names, addresses and more into your designs with just one click. Unsplash is a free library of high quality graphics.

11. BONUS! Fix line height in a second

fourteen

If you don’t have a specific line-height value just enter “auto” in the line-height field and it will automatically adjust!

Source: UxPub



0 comments

  1. I consider you as my teacher and I thank you for your videos. Tell me, do you expect me to continue our conversation in personal correspondence or can we communicate here? I want to fulfill my promise, This issue has already been discussed On This Site
    My sister last year has experienced this. It was a very difficult experience for her and for our family, and now we try to be careful and read the terms carefully, including the fine print. I recently read a solution to a similar problem On the link
    hotels

    Indonesia’s Capital Shift to Nusantara
    How To Pack 21 OUTFITS in ONE Suitcase
    Nissi Beach Holidays / dealchecker
    Self-hate is not my safe space.
    Travel Destinations A-Z: Find Destinations by Letter
    Bed & Breakfast Inns in the White Mountains
    IndonesianPod’s Essential Indonesian Travel Phrase Guide
    Pilates Foundation
    U.S. issues worldwide travel alert
    BEEP Doctors gear up for Summer Roadshow
    Hotels in Raya Kuta, Bali
    My 11 River Cruises Taught Me These Eye-Opening Lessons
    Affordable Greece
    FLORENCE VLOG! *Backpacking Italy – stop 4*
    f1_cda8

Leave a Reply