Syntaxd

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.