Atlas

Figma plugin to manage your themes, that makes sense and is safe to delete

Available on Edge Add-ons

Atlas offers an idiomatic way to apply and manage multiple themes consisting of color-, effect- and text styles.

Themes are organized outside of the plugin using Figma-native style folders. Atlas allows you to swap these color palettes easily with just two clicks.

Easy to set-up

To get started, create new styles in Figma and put them into Folders that represent your themes. Then register the themes by telling Atlas the names of your newly created folders.

Left panel: Figma panel with color styles. There are two folders called light and dark, each containing two color-styles named Text and Background. Right panel: Atlas plugin with two themes, one called light and one called dark.

Once that is done, you can select anything within your Figma file, and if there are colors from your themes, Atlas will show them to you and swap them out with another theme.

Atlas does not make any further assumptions about your styles or design system structure, which makes it very flexible.

Two components are selected. The atlas plugin shows the themes that are selected with drop-down menus. The drop-down menu for the dark theme is open and reveals options to swrap to a light or forest theme.

Scales with you

Atlas lets you export the mappings between themes and styles to other files, so you are not bound just to use local styles. For instance, if you want to create font-style themes — e.g., Windows and Mac — you can keep them separate from exiting color themes.


Feedback & Support

If you want to learn more about Atlas, you can watch a couple of tutorial videos on YouTube.

If you need help, have questions, or want to give feedback, you can reach out on Twitter @JulianGaibler, write a mail at "help @ this domain", or file an issue on Github.