Syntax Highlighter

About this plugin

How to use

Applying syntax highlighting colors

1. Select a text layer containing a code snippet.
2. Choose a programming language, if required (the plugin will try to identify the language automatically).
3. Choose a theme.
4. Toggle include background and line numbers, if required.
5. Click Apply.

Clearing syntax highlighting colors

1. Select a text layer containing a formatted code snippet.
2. Click the Clear formatting button.

Adding custom Visual Studio themes

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 click Save.

Note: This plugin supports up to 10 custom themes.