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
- Draw a circle.
- 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
- First, draw a circle.
- Use the Arc tool and drag it to the percentage you need.
- Adjust the thin radius to your liking.
11 useful tips for a productive Figma workflow Picture 3
4. Arrange and reposition objects
- Select multiple objects in the table.
- 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
- Select the object you want to change the opacity of.
- 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
- On a Mac, use Option + L.
- 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
- On Mac, hold Cmd + / or Cmd + P and write the feature you need, for example unlock all objects.
- 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
- Create a selection container with the mouse
- Hold the clicked mouse, and press and hold the spacebar
- 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
- Choose the things you want to keep the proportions
- Press K on the keyboard
- 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!
You should read it
- Figma - Free Multimedia Design Tool
- 11 useful Figma shortcuts to work faster
- The most useful free Figma plugins
- 16 Useful Figma Plugins Free Downloadable
- How to create an engaging presentation using Figma
- 9 best free Figma courses
- How to convert any website into a Figma design
- How to create a master template for presentations in Figma
- How to create a frosted glass effect in Figma
- Great tips on iOS 13 you may not know
- 14 Excel tips to help you work faster
- 5 tips needed to work from home effectively
May be interested
How to insert emoji into photos on iPhone is very simple
The most useful free Figma plugins
Is The Google Pixel Still Lagging Behind OnePlus And Samsung?
How to choose the best Gaming apps on iOS
iOS16/iPadOS 16: How to Spoof Fake Location On Find My Friends on iPhone/iPad
How to locate your parcels with an online tracking tool ?