How Do You Get Waves in Figma?

Figma is a powerful and popular vector graphics editor used by millions of people around the world. It allows users to create beautiful designs with ease, and its intuitive user interface makes it easy to use. One of Figma’s most popular features is its ability to create waves, which is an effective way to add motion and life to a design.

Creating waves in Figma is a relatively straightforward process. First, the user needs to create a new frame in their project. This frame will act as the canvas for the wave animation. Next, the user should draw out their wave form using the Pen tool or other available shape tools in Figma. Once the wave form has been created, the user can then make adjustments to the shape using the Selection tool or by adding additional points along the wave form with the Pen tool.

Adjusting Wave Properties

Once the wave has been drawn, users can then adjust its properties using Figma’s Animations tab. Here, users can customize various aspects of their wave animation such as duration, direction of movement, and speed. Additionally, users can also set up keyframes for more complex animations that involve multiple waves moving in different directions at different speeds.

Adding Color

Figma also allows users to add color to their waves for even more visual impact. To do this, users simply need to select their wave form and then click on the “Fill” option in Figma’s toolbar. Here they can choose from a wide range of colors or even use custom color palettes if they wish.


Creating waves in Figma is an easy and effective way to add motion and life to your designs. By following these simple steps you can quickly create beautiful wave animations with ease using Figma’s intuitive UI and powerful animation tools. With just a few clicks you can take your designs from static images into stunning motion graphics that will captivate your viewers!