Web Design » Figma » How do you make a mesh gradient in Figma?

How do you make a mesh gradient in Figma?

Last updated on September 24, 2022 @ 6:52 pm

Making a mesh gradient in Figma is easy. First, create a gradient gradient object in the object editor. Next, select the gradient object and open the properties panel. In the properties panel, choose the Color Mode drop-down and select the Gradient Tool.

PRO TIP: If you are not familiar with Figma, we do not recommend trying to make a mesh gradient. This could lead to unexpected results and/or frustration.

Click and drag the mouse over the gradient object to create the desired gradient. Finally, select the gradient object and choose the Output To drop-down and select the mesh object. The gradient will be applied to the mesh object.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.