Theme Mode Converter

About this plugin

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:

1. Convert selected elements between light and dark themes
2. Works with nested components and complex designs
3. Flexible folder structure support (light/.../... or color/light/... etc.)
4. Clear notifications about conversion results
5. Preserves your design structure while updating colors

How to Use:

1. Select the elements you want to convert
2. Choose either "Convert to Dark Theme" or "Convert to Light Theme" from the plugins menu
3. The plugin will automatically convert all matching variables
4. Check the notifications for conversion results

Requirements:

1. Your design should have matching light and dark mode variables
2. Variables should follow a consistent naming structure (e.g., light/primary vs dark/primary)

Tips:

1. Use the plugin early in your design process to ensure consistent theming
2. Combine with Figma's variable collections for maximum efficiency
3. Test your designs in both modes to ensure accessibility