Figma can easily generate wavy lines.
There are several plug-ins that make it easy to generate wavy lines in Figma.

Hanai Akihiro


How to use Figma’s “Wave & Curve” and “get waves” plug-ins.

Post:2024.04.01 / Rewrite : 2024.03.25



To easily generate wavy paths, use the "Wave & Curve" plug-in


Movie|How to use Figma’s “Wave & Curve” and “get waves” plug-ins.

How to use Figma’s “Wave & Curve” plug-ins.

When launched, a pop-up window appears that allows you to adjust variables while previewing the waveform.

This is very convenient because it allows you to see how the waveform will change when you change the variable.

From the icons in the upper right corner, select the type of waveform you want to adjust.
Below the preview screen are three values

Height (amplitude in px)” from left to right
Height Difference (randomness of amplitude)
Distance (wavelength in px).

The bias below that is the angle.

You can also generate a random waveform.

Waveforms are output as paths and can be modified to your liking.

How to use Figma’s “Get waves” plug-ins.

Search for “Get Waves” from Resource, and the “Get Waves” panel will appear.

While checking the preview, set the “Curve Type,” “Fill Location,” and “Complexity” settings,

If you like the shape after repeating the reproducibility, click “Create” to add the element.


Contact me

I want to convey this kind of thing!
I want to express something like this!
I'm thinking about this kind of time frame and budget... 🤔
First of all, please let me know your frank requests.
I will respond with sincerity.

tel tel