Themed

About this plugin

Effortlessly switch between Light and Dark themes in Figma with just a single click! This plugin lets you leverage your design tokens using local or shared styles for seamless theme transitions.

Ensure you are following the same Name Token Convention. Ensure to create two folders called Light and Dark. Feel free to any subfolders you feel necessary ... just as long there is one for Light mode and Dark mode.

Example:

Light/Color100 -> Dark/Color100

How to use your Themed:

https://www.loom.com/share/bf36f3b1b3a44526bdd8b9a1e8a51e59

Using Local Styles:

In order use local styles be sure to setup local styles with the proper naming conventions.

Using Shared Styles:

Due to limitations in the Figma API we require you to provide an Access tokens and File Key.

Locating Figma Access tokens:

https://www.loom.com/share/89302449180d4de39748f6f8084fc5b1

Locating File Key:

https://www.loom.com/share/1a137ec463ee4510b0a79e5129e94e44

Once set up, enjoy one-click theme toggling and maintain design consistency across all your projects.