Back to Plugins
Syntaxer

Syntaxer

Colorize your code using syntax highlighting from VS Code themes!

highlightsyntaxformatvscodesyntax highlightcode

Plugin Preview

Syntaxer preview

About this plugin

Syntaxer is a Figma plugin that allows you to color your text like syntax highlighting in Visual Studio Code. It uses the Shiki library to provide accurate and beautiful syntax highlighting for various programming languages.


Color Themes

Choose from popular VS Code themes, such as:

  1. Light+
  2. Dark+
  3. Dracula
  4. Dracula Soft
  5. GitHub Dark
  6. GitHub Dark Dimmed
  7. GitHub Light
  8. Material Theme
  9. Material Theme Darker
  10. Material Theme Lighter
  11. Material Theme Ocean
  12. Material Theme Palenight
  13. Min Dark
  14. Min Light
  15. Monokai
  16. Nord
  17. One Dark Pro
  18. Poimandres
  19. Rose Pine
  20. Rose Pine Dawn
  21. Rose Pine Moon
  22. Slack Dark
  23. Slack Ochin
  24. Solarized Dark
  25. Solarized Light
  26. Vitesse Black
  27. Vitesse Dark
  28. Vitesse Light


Supported Languages

Syntaxer supports up to 175 programming languages. You can set the default language by renaming the text layer to #lang (i.e. #python, #go, #typescript)

Plugin Details

Version4
CreatedAugust 30, 2024
Last UpdatedMarch 1, 2025
Categoryediting & effects plugins
CreatorMiguel Solorio
Stats89 installs, 30 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.google.com
    • https://*.jsdelivr.net
    • https://*.tailwindcss.com
    • https://cdnjs.cloudflare.com
    • https://figma.com
    • https://unpkg.com