1. Web Design
  2. Figma

Figma Properties Tips

Scroll to top
Read Time: 3 min
This post is part of a series called Figma Tips and Tricks.
Figma Project, Page & Artboard Tips
Figma Image Tips

Objects in Figma can have a range of properties applied to them. In this part of our Figma tips and tricks series we’ll look at ways to work with properties, better and faster!

Watch Tips

1. Copy Single or Multiple Properties Between Objects

In Figma you can copy all properties from an object, or you can copy them one at a time. To copy all the properties an object has: select it, then go to Edit > Copy Properties, or use the shortcut (CTRL or CMD) + ALT + C, then select your new object and go to Edit > Paste Properties or hit (CTRL or CMD) + ALT + V.

To copy just one of the properties applied to an object: select the object, then go over to the Properties panel and click just to the left of a property (such as Fill). This will select that one property, so you can then hit (CTRL or CMD) + C to copy. (CTRL or CMD) + V will paste that property onto the selected object. 

Holding SHIFT whilst selecting individual properties will allow you to specify exactly the ones you want to copy.

Copy all properties in FigmaCopy all properties in FigmaCopy all properties in Figma

2. Smooth Out Corners With “Squircles”

You can control how corners are rounded by using something known as “squircles”. On an objects with rounded corners, click on the Independent Corners option in the properties panel to control each corner independently, then next to the radius values hit the menu icon to open up the Corner Smoothing slider. Changing this value will alter the way the curve is calculated, giving different corner smoothing effects.

Smooth Out Corners With Squircles in FigmaSmooth Out Corners With Squircles in FigmaSmooth Out Corners With Squircles in Figma

3. Toggle Italic, Underline, and Bold

Much as you would in a word processing application, you can use shortcuts to toggle italic (CTRL or CMD) + i, underline (CTRL or CMD) + u, and bold (CTRL or CMD) + b when a text object is selected.

Toggle Italic Underline and BoldToggle Italic Underline and BoldToggle Italic Underline and Bold

4. Scrub Values 

Instead of typing values in, you can scrub through values in a settings field by holding down ALT or OPTION (depending on your platform), then dragging left or right in that field.

Scrub Values in FigmaScrub Values in FigmaScrub Values in Figma

5. Nudge Color Values

You can refine the color picker values (or field) by hitting the up or down arrow keys. Nudge with larger increments by holding down SHIFT at the same time.

The way the color changes depends on which part of the HEX code is selected; either one of the three value pairs, or the whole code.

Nudge Color Values in FigmaNudge Color Values in FigmaNudge Color Values in Figma

Figma Learning Resources

Those were five helpful quick tips for working with properties in Figma. Take things to the next level by trying our free Figma tutorial or watching our series of Figma courses on Tuts+:

The UI kits used in this tutorial are fully compatible with Figma and available from Envato Elements:

Market Dashboard SalesMarket Dashboard SalesMarket Dashboard Sales
Market Dashboard Sales
Instagram Posts PackInstagram Posts PackInstagram Posts Pack
Instagram Posts Pack

Learn Figma

We've built a complete guide to help you learn figma design, whether you're brand new to Figma's design tools, or you want to take your skills to the next level.

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.