Theme Importer for Visual Studio Code

About this plugin

How to use

Select the built-in Visual Studio Code themes you would like to import as Figma variables and press the `Import` button. Theme tokens can be previewed in the left hand pane in either list or grid views.

How to add a custom Visual Studio Code theme to the plugin

1. Open Visual Studio Code.
2. Install the desired color theme and switch to the theme in Visual Studio Code.
3. Press Ctrl+Shift+P and run Developer: Generate Color Theme from current settings.
4. Select the file's contents and copy.
5. Open the Figma plugin and press the Create a new theme button.
6. Paste into the Create a new theme dialog and press Save.

Note: This plugin supports up to 10 custom themes.