Harsha Vardhan N
If you’re trying to add a wavy line in Figma, you might be disappointed with the limited options. While you could use a pen and bend tool for this, it can take forever to make it wavy and can lead to inconsistencies.
In this guide, we will present you a demonstration of how to make a wavy line with the help of a plugin to get you covered.
Make a Wavy Line in Figma
- Open Figma on your browser and sign in with your credentials. Next, click on the design file you’re working on from Recently viewed.
- After the design file is loaded, navigate to the toolbar, click on Resources, and then the Plugin tab. In the search bar provided, look for the Wave & Curve plugin and click on Run.
- Once the plugin is loaded, select the type of wave: Top, Top and Bottom, or Bottom. You can also choose from the curve presets: Quadratic, Cubic, Arc, or Square. Â
- Next, adjust the height, height difference, and distance. Also, adjust the bias and the number of waves based on your design needs. Once you’re happy with the preview, click on the Create button.
- After the wavy line is added, navigate to the Stroke section and change the color and thickness according to your design needs.
Wrapping Up
Congratulations on learning how to make a wavy line in Figma!
The plugin used in the demonstration is free, and there are no limitations. If you aren’t happy with it, try other free plugins like Wavy lines. However, if you want to try the conventional approach of using the Pen and Bend tool, check out the articles below.
