What are Styles in Figma ?

Oscar de la Hera Gomez
A flower that represents Figma with the text "What are Styles" beneath it.

Styles provide a systematic way for you to create a design system.

Styles can be created and applied to typography (text), colors, images, videos, effects and grids.

How do I create Styles ?

In the menu that pops up, press the + button to create a new style.

An example of how you can create a color style.

To learn how to create color, typographic (text), image, effects or grid styles please follow the relevant tutorial below.

Can I group them in categories ?

A screenshot of Figma with our styles under the greyscale folder, with a highlight on Black which was dragged into the Greyscale folder.

Yes, follow the tutorial below to learn how.

How can I edit, remove, detach or delete a 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."

Right click on a style to open up a menu that allows you to edit the style.

To learn how to change or update, remove, delete or keep a styles properties whilst unlinking it (detach), please consult the relevant tutorial below.

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

We recommend that you learn about Variables using our Figma Variables Guide or 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