Back to Plugins

Format Code
Makes it easy to format code snippets and add a theme for syntax highlight
themecsshighlighthtmlformatsyntax highlightsnippetcodejsoncode-generators
Plugin Preview
About this plugin
Format Code makes it easy to format code snippets and add a theme for syntax highlight
- Syntax 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;
Design & Developed by Cândido Sales.
Languages supported
- CSS;
- HTML;
- Go;
- GraphQL;
- Java;
- Javascript;
- JSON;
- Haskell;
- Kotlin;
- Less;
- Lua;
- Markdown;
- Python;
- Ruby;
- Rust;
- SCSS;
- Typescript;
- YAML;
Themes supported
- Ayu 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
| Version | 21 |
|---|---|
| Created | September 25, 2020 |
| Last Updated | February 16, 2026 |
| Category | Software development |
| Creator | Cândido Sales Gomes |
| Stats | 2371 installs, 84 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.