Theme Mode Converter

The Theme Mode Converter plugin makes it easy to switch your Figma designs between light and dark themes. Whether you're working on a new design system or updating an existing one, this plugin saves you time by automatically converting your design elements between light and dark modes.

Key Features:

Convert selected elements between light and dark themesWorks with nested components and complex designsFlexible folder structure support (light/.../... or color/light/... etc.)Clear notifications about conversion resultsPreserves your design structure while updating colorsHow to Use:

Select the elements you want to convertChoose either "Convert to Dark Theme" or "Convert to Light Theme" from the plugins menuThe plugin will automatically convert all matching variablesCheck the notifications for conversion resultsRequirements:

Your design should have matching light and dark mode variablesVariables should follow a consistent naming structure (e.g., light/primary vs dark/primary)Tips:

Use the plugin early in your design process to ensure consistent themingCombine with Figma's variable collections for maximum efficiencyTest your designs in both modes to ensure accessibility