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 highlight


  1. Syntax highlighting powered by Shiki;
  2. 23 beautiful themes to choose from;
  3. Font selection with Google Fonts support for monospace fonts;
  4. Automatic language detection;
  5. Code formatting with Prettier;
  6. Line number support;


More features coming soon, including support for more languages and improvements in usability.


You can use it:


  1. Figma and Figma Dev Mode;
  2. FigJam;
  3. Figma Slides;
  4. Figma Buzz;


See how works.


Design & Developed by Cândido Sales.


Languages supported


  1. CSS;
  2. HTML;
  3. Go;
  4. GraphQL;
  5. Java;
  6. Javascript;
  7. JSON;
  8. Haskell;
  9. Kotlin;
  10. Less;
  11. Lua;
  12. Markdown;
  13. Python;
  14. Ruby;
  15. Rust;
  16. SCSS;
  17. Typescript;
  18. YAML;



Themes supported


  1. Ayu Dark;
  2. Catppuccin Latte;
  3. Catppuccin Mocha;
  4. Dark Plus;
  5. Dracula;
  6. GitHub Dark;
  7. GitHub Light;
  8. Light Plus;
  9. Material Darker;
  10. Material Ocean;
  11. Material Palenight;
  12. Min Dark;
  13. Min Light;
  14. Monokai;
  15. Nord;
  16. One Dark Pro;
  17. One Light;
  18. Rose Pine;
  19. Solarized Dark;
  20. Solarized Light;
  21. Tokyo Night;
  22. Vitesse Dark;
  23. Vitesse Light;

Plugin Details

Version21
CreatedSeptember 25, 2020
Last UpdatedFebruary 16, 2026
CategorySoftware development
CreatorCândido Sales Gomes
Stats2371 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