Format Code

Format Code makes it easy to format code snippets and add a theme for syntax highlight.

Features

• 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 numbers supports;

Design & Developed by Cândido Sales.

Preview

Languages supported

• CSS;
• HTML;
  • It has a known issue with <span> tags. I'm still investigating how to fix it;
• 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;

📚 Reference

• https://github.com/figma/plugin-samples
• https://github.com/yuanqing/create-figma-plugin
• https://github.com/shikijs/shiki
• https://github.com/teknologi-umum/flourite
• https://github.com/thomas-lowry/themer
• https://github.com/oriziv/figma-sass-less-plugin
• https://prettier.io/docs/en/options.html#parser

👍 Contribute

If you want to say thank you and/or support the active development this project:

1. Add a GitHub Star to the project.
2. Tweet about the project on your Twitter.
3. Write a review or tutorial on Medium, Dev.to or personal blog.
4. Support the project by donating a cup of coffee.

☕ Supporters

If you want to support Format Code, you can ☕ buy a coffee here

	User	Donation
	@g0dkar	☕ x 5

✨ Acknowledgment

• 😯

Author

• Cândido Sales - @candidosales

⚠️ Copyright and license

Code and documentation copyright 2026-2036 the Authors and Code released under the MIT License. Docs released under Creative Commons.