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 ThemesChoose from popular VS Code themes, such as:Light+Dark+DraculaDracula SoftGitHub DarkGitHub Dark DimmedGitHub LightMaterial ThemeMaterial Theme DarkerMaterial Theme LighterMaterial Theme OceanMaterial Theme PalenightMin DarkMin LightMonokaiNordOne Dark ProPoimandresRose PineRose Pine DawnRose Pine MoonSlack DarkSlack OchinSolarized DarkSolarized LightVitesse BlackVitesse DarkVitesse LightSupported LanguagesSyntaxer 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
Stats184 installs, 39 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