Figma can easily generate wavy lines.
There are several plug-ins that make it easy to generate wavy lines in Figma.
Design
How to use Figma’s “Wave & Curve” and “get waves” plug-ins.
Post：2024.04.01 / Rewrite : 2024.03.25
View
246 views
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.
-
Design
（With Movie）How to use Figma’s plug-ins “Mockup” and “Vectary 3D”｜Insert smartphone or PC mockups into your design.
Hanai Akhiro
date.2024.10.29
-
Design
How to use Figma’s “blobs” plug-in｜Let’s create fluid shapes.
Hanai Akhiro
date.2024.10.28
-
Design
How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”｜Let’s create attractive gradations.
Hanai Akhiro
date.2024.10.27
-
Design
How to use Figma’s “Wave & Curve” and “get waves” plug-ins.
Hanai Akhiro
date.2024.04.01
-
Design
How to use FigMap, a plugin for Figma｜Insert a map.
Hanai Akhiro
date.2024.03.31
-
Design
How to use Figma’s “Split Shape” plug-in｜Let’s create a columnar (grid) repetitive layout.
Hanai Akhiro
date.2024.03.29
-
Design
How to use Figma’s “Skew” plug-in｜Apply italics to figures and text.
Hanai Akhiro
date.2024.03.28
-
Design
How to use Figma’s “Icons8 Background Remover” plug-in｜Crop out the person and background.
Hanai Akhiro
date.2024.03.27
Popular
-
How to use FigMap, a plugin for Figma｜Insert a map.
2024.03.31
-
How to use Figma’s “Iconify” plug-in｜Insert free icons into your design.
2024.03.18
-
How to use Figma’s “Split Shape” plug-in｜Let’s create a columnar (grid) repetitive layout.
2024.03.29
-
How to use Figma’s “auto flow” plug-in｜Let’s draw a screen transition diagram.
2024.03.25
-
How to use Figma’s “Instance Finder” plug-in.
2024.03.18
-
How to use Figma’s “DownSize” plug-in｜Compress your images.
2024.03.22
-
How to use Figma plug-ins “uigradients”, “Noisy Gradients”, “Grainy Gradients”, and “Mesh Gradients”｜Let’s create attractive gradations.
2024.10.27
-
How to use Figma’s “Wave & Curve” and “get waves” plug-ins.
2024.04.01
