Back to Plugins
Format Code

Format Code

Makes it easy to format code snippets and add a theme for syntax highlight

themecsshighlighthtmlformatsyntax highlightsnippetcodejsoncode-generators

Plugin Preview

Format Code preview

About this plugin

Format Code makes it easy to format code snippets and add a theme for syntax highlightSyntax highlighting powered by Shiki;23 beautiful themes to choose from;Font selection with Google Fonts support for monospace fonts;Automatic language detection;Code formatting with Prettier;Line number support;More features coming soon, including support for more languages and improvements in usability.You can use it:Figma and Figma Dev Mode;FigJam;Figma Slides;Figma Buzz;See how works.Design & Developed by Cândido Sales.Languages supportedC and C++;CSS;HTML;Go;GraphQL;Java;Javascript;JSON;Haskell;Kotlin;Less;Lua;Markdown;Python;Ruby;Rust;SCSS;Typescript;YAML;Themes supportedAyu Dark;Catppuccin Latte;Catppuccin Mocha;Dark Plus;Dracula;GitHub Dark;GitHub Light;Light Plus;Material Darker;Material Ocean;Material Palenight;Min Dark;Min Light;Monokai;Nord;One Dark Pro;One Light;Rose Pine;Solarized Dark;Solarized Light;Tokyo Night;Vitesse Dark;Vitesse Light;

Plugin Details

Version22
CreatedSeptember 25, 2020
Last UpdatedMarch 2, 2026
CategorySoftware development
CreatorCândido Sales Gomes
Stats2386 installs, 84 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Load Google Fonts for code preview styling.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com