How to share your styles with your team in Figma

Raouf Belakhdar
3 min readJan 10, 2022

In this quick post, we’ll see how to share your component in Figma.

Watch Video Tutorial

Share styles to the library

In order to share your styles with your team, let’s head to the Assets tab in the left-hand sidebar.

  • Hit the Team Library icon in the right corner of the Assets panel.
  • In the Libraries modal box, hit the Publish button beside your file’s name.

Import and Use styles from a different file

To access styles from anther file, Go to the Assets tab in the left-hand sidebar.

  • Hit the Team Library icon in the right corner of the Assets panel.
  • In the Libraries modal find your file’s library and switch its knob on.

Access shared color styles

To access your shared styles, go to the right-hand sidebar and hit the four dots icon to trigger the styles menu.

You can also access the color styles in the Fill section, the Text styles in the Text section, the Grid styles in the Layout grid section, and Effect styles in the Effects section.

That’s everything about sharing styles in Figma.

Before you go

Feel free to visit our website captain-design.com where we are sharing generously, ready for commercial use Figma and HTML templates.

You’ll find three things to help you kickstart your next project’s design :

Originally published at https://www.captain-design.com on January 10, 2022.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Raouf Belakhdar
Raouf Belakhdar

Written by Raouf Belakhdar

Figma Landing Page’s Design Resources Colors palettes, Typography Styles and ready to use Components. https://www.captain-design.com/

No responses yet

Write a response