How to edit a Style in Figma

Oscar de la Hera Gomez
A flower that represents Figma with the text "Edit a Style" beneath it.

A step by step guide on changing, modifying or updating a text, color, effects or grid style in Figma.

Step One: Open the Window

A screenshot of Figma that has nothing selected, allowing the local styles to appear on the right menu sidebar. The screenshot highlights that if you hover over a style, the settings icon will appear to its far right. Click on it to open the menu that allows you to edit the style.

Select the Figma Canvas, and on the right menu side bar, press the settings icon on the style that you wish to edit.

Alternatively, right click on the style and click Edit style.

A screenshot of Figma with nothing selected. We have highlighted that if you right click on a style under local styles on the right menu sidebar, a menu will appear that allows you to edit the style by clicking "edit style."

Step Two: Make Changes & Close

A screenshot of Figma showing a window that allows you to edit a text style. This is the style that we choose to edit when describing this tutorial. We have highlighted the X on the top right of the window. Click this X to close the window once you have made the relevant changes to the style.

In the window that appears, make the relevant changes and close the window to complete the process.

Looking to learn more about things you can do with Figma ?

Search our blog to find educational content on learning how to use Figma.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details