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.
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 .
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.
4. Arrange and reposition objects
- Select multiple objects in the table.
- Drag and rearrange objects and adjust their spacing.
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.
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%.
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.
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
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
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. 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
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
Maybe you are interested
2 features users don't like in Photoshop Express photo editing application
How to use ChatGPT Voice on computer
4 Privacy-Focused Google Photos Alternatives
Why use 1Password instead of Google Authenticator?
How to Use Windows Advanced Boot Options to Troubleshoot Faster
How to Use Rufus to Bypass TPM and Secure Boot Requirements in Windows 11