11 useful tips for a productive Figma workflow

Figma is very popular among UI/UX designers and if you are one of them, you are probably already familiar with Figma, or even use it on a daily basis. Here are some really useful and time-saving Figma tips and tricks for a productive Figma workflow.

1. Using the Bar Graph Arc Tool

1. Draw a circle.
2. Click the arc to the right of the circle and start moving to create the shape you need.

11 useful tips for a productive Figma workflow Picture 1

2. Quickly Align Navigation Bar Icons

To align the navigation bar or anything else you can use Tidy Up, Distribute Vertical Spacing or Distribute Horizontal Spacing .

11 useful tips for a productive Figma workflow Picture 2

3. Easier to draw circular progress bar

1. First, draw a circle.
2. Use the Arc tool and drag it to the percentage you need.
3. Adjust the thin radius to your liking.

11 useful tips for a productive Figma workflow Picture 3

4. Arrange and reposition objects

1. Select multiple objects in the table.
2. Drag and rearrange objects and adjust their spacing.

11 useful tips for a productive Figma workflow Picture 4

5. Preview a color with the Eye Dropper tool

Use the Eye Dropper tool to select a color and simply hold it instead of clicking on the color to see a preview of it in the selected object.

11 useful tips for a productive Figma workflow Picture 5

6. Quick Opacity Adjustment

1. Select the object you want to change the opacity of.
2. Now just enter the number without doing anything e.g. enter 55 and the opacity will be set to 55%.

11 useful tips for a productive Figma workflow Picture 6

7. Collapse all layers

1. On a Mac, use Option + L.
2. On Windows, press Alt + L to collapse all the Figma layers. A great shortcut to clean up your Figma files.

11 useful tips for a productive Figma workflow Picture 7

8. Use Quick Actions

1. On Mac, hold Cmd + / or Cmd + P and write the feature you need, for example unlock all objects.
2. On Windows, Control + / or Control + P , and also type what you want to do

11 useful tips for a productive Figma workflow Picture 8

9. Quick fix line height

If your line-height looks messy and you don't have a specific value, just type 'auto' in the line-height field or delete any numbers there and press Enter. The height of the line will automatically adjust

11 useful tips for a productive Figma workflow Picture 9

10. Hold down the spacebar and move the object

1. Create a selection container with the mouse
2. Hold the clicked mouse, and press and hold the spacebar
3. While holding both spacebar and mouse click, move around to select something.

11 useful tips for a productive Figma workflow Picture 10

11. Use the Scale tool to avoid distortion

1. Choose the things you want to keep the proportions
2. Press K on the keyboard
3. Now expand the selection without worrying about the image distortion

11 useful tips for a productive Figma workflow Picture 11

Open Figma, then try these tips and tricks to see how much time they save and help you have an efficient workflow.

Good luck with your application!

Lesley Montoya

Update 20 February 2023