Theme Importer for Visual Studio Code
by Kyle Anderson
Import Visual Studio Code themes as Figma Variables to design efficiently.
Installs
4,012
Likes
112
Users
2,960
Views
6,534
Preview
About this plugin
How to useSelect 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 pluginOpen Visual Studio Code.
Install the desired color theme and switch to the theme in Visual Studio Code.
Press Ctrl+Shift+P and run Developer: Generate Color Theme from current settings.
Select the file's contents and copy.
Open the Figma plugin and press the Create a new theme button.
Paste into the Create a new theme dialog and press Save.
Note: This plugin supports up to 10 custom themes.
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF