Syntax Highlighter

About this plugin

How to useApplying syntax highlighting colorsSelect a text layer containing a code snippet.Choose a programming language, if required (the plugin will try to identify the language automatically).Choose a theme.Toggle include background and line numbers, if required.Click Apply.Clearing syntax highlighting colorsSelect a text layer containing a formatted code snippet.Click the Clear formatting button.Adding custom Visual Studio themesOpen 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 click Save.Note: This plugin supports up to 10 custom themes.