Back to Plugins
Syntaxd

Syntaxd

Instant syntax highlighting for your Figma code blocks — one click.

Plugin Preview

Syntaxd preview

About this plugin

Syntaxd brings real syntax highlighting to Figma without the manual work.Select any text layer that contains code, run the plugin, and it instantly applies proper syntax highlighting — colors, contrast, and all. It auto-detects the programming language so you don't have to, and applies colors using your existing Figma variables and styles to keep everything on-brand.Perfect for designers building documentation, developer handoff specs, or design systems where code needs to look like actual code — not plain black text.No extra tools. No copy-pasting into external formatters. Just select and highlight.

Plugin Details

Version1
CreatedFebruary 26, 2026
Last UpdatedMarch 4, 2026
Categoryfonts-typography
CreatorPrathamesh Agrawal
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none