Announcing Flows – User onboarding for modern SaaS →

Atmos in Figma

With our plugin you can use Atmos directly in your Figma files. Work on your palettes without leaving Figma.


  1. Install the plugin from the Figma Community.
  2. Open the plugin from the plugin menu.
  3. Login with your Atmos account.
  4. Enjoy Atmos in Figma!


To export your colors to your figma file, click on the export button in top right corner of the plugin and select Figma. You can choose from two options:

Create or update styles

This will create or update existing styles in your Figma file. When updating styles, the plugin will match color and shade names from Atmos to your styles in the Figma file. If you change the names of your Figma styles, the plugin won't be able to match them, and it will make new styles instead.

Insert SVG

The plugin will insert an SVG group with your colors into your Figma file. This works the same as our regular SVG export

Importing palette to Atmos

This is currently not supported. In the meantime please use our Atmos sync plugin.

Last updated July 2023

Create your palette for
free in minutes

Whether you're new to color palettes, or a pro looking for advanced tools, we'll have you set up and ready to create your best palette in minutes.

Get started for free