Web Design » Figma » How Do You Make a Wave Line in Figma?

How Do You Make a Wave Line in Figma?

Last updated on January 9, 2023 @ 2:23 am

Wondering how to make a wavy line in Figma? Wave lines are a great way to add some visual interest to your designs, and they’re actually quite easy to create! Here’s a quick step-by-step guide:

1. Create a new frame or open an existing one.

2. Click on the “Add Shape” tool and select the “Line” shape.

Click shape and select the line tool in Figma

3. Draw out your line. If you want it to be perfectly straight, hold down the Shift key while you’re drawing it.

4. With the line selected, open the Properties panel on the right-hand side of the screen.

Hold down the shift key to draw a straight line in Figma

5. Find the “Line” section and click on the drop-down menu next to “Line Type.

6. Select “Wave.”

7. That’s it! You can adjust the amplitude and wavelength of your wave line by playing with the slider bars next to “Amplitude” and “Wavelength.”

Alternatively, you can use an auto-generated Waves plug-in (such as “Get Waves“) that works exactly the same as the steps mentioned above.

Use Get waves plugin to create waves in Figma

Or if you want to manually create a wave out of a straight line in Figma, you can use the “Bend tool“. Simply double-click the line and click on the area where you want the wavy line to start then adjust the handles and strokes according to your preferences. That’s it!

Use Figma bend tool to make a wave out of straight line

PRO TIP: This article contains information that may not be suitable for all readers. It includes details about making a wave line in Figma that some may find disturbing.

Creating wave lines in Figma is a quick and easy way to add some visual interest to your designs. So next time you’re looking to spice things up, give it a try!

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.