A few lesser-known Figma tips

At Medium, our design team’s tool of choice is Figma. We use it practically every day, but still get a bit of joy whenever we discover a small, lesser-known feature or tip.

Below are a few of the tips that have been shared on our team recently.

1. Copy .svg assets from a browser and paste them directly into Figma

(via Greg Dougherty)

2. Type in a color name in an input and get a hex value

(via Greg Dougherty)

The available color names you can choose from are defined in the CSS Color Module, also known as X11 color names. A few fun names you can input include bisque, linen, and olivedrab!

A bit more info on what appears to be the origin of this feature (from George Kedenburg III) on Twitter.

Similarly (via Collin Olan), you can always preform simple math calculations in an input.

3. Double-click the bounding box around text to wrap it to “Auto width”

(via Helena Zhang)

4. Press Shift + X on an element to swap stroke and fill colors

(via Helena Zhang)

5. Ignore auto layout by pressing space bar as you drag an object

(via Helena Zhang)

Figma is loaded with great features, so I’m sure there are a bunch of other useful tips out there. Got a lesser-known tip? Add a response to this story!