---
title: "Format Code — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Mert Aker · Code. Format Code brings reliable TypeScript and TSX formatting to Framer’s Code Editor."
canonical: "https://framer.elliotli.dev/plugin/format-code"
---

[Home](/)/[Plugins](/plugins)/[Code](/plugins/category/code)/Format Code

# Format Code

Format, import, ship cleaner

[View on Framer](https://framer.com/marketplace/plugins/format-code/?via=elliot-li)

![Format Code preview image 1](https://framer.elliotli.dev/og/plugin/format-code/a682e02324d4cd59/1600x1200.jpg)

## Summary

Format Code brings reliable TypeScript and TSX formatting to Framer’s Code Editor.

## Description

Format Code brings reliable TypeScript and TSX formatting to Framer’s Code Editor.

Keep the compact Fx control open and work normally. Press Command-S on macOS or Ctrl-S on Windows to save and format, or use the Fx button to format the current saved file.

Choose two- or four-space indentation, semicolons, single quotes, and optional spacing inside single-line JSX elements. Your preferences are stored locally.

Highlights:

• Safe format-on-save workflow • TypeScript and TSX support • Compact, resizable Framer-native interface • Light and dark mode support • No account, API key, analytics, or external server • Invalid source code is never written back

Format Code uses the open-source Prettier library for code formatting. It is independently developed and is not affiliated with or endorsed by Prettier.

Note: Framer provides plugins with the latest saved version of a code file. Keep Format Code open while working and save your file before formatting unsaved changes.

## Rank history [How rankings work →](/terms#rankings)

-   All · #850

## Details

- **Author**: Mert Aker
- **Published**: 2026-09-15
- **Updated**: 2026-09-20
- **Added**: 2026-09-15
- **Categories**: Code

## More like this

-   [Upstream](/plugin/upstream) — Syauqizaidan Khairan Khalaf · Free — Pull code files from GitHub
-   [Framer to Code](/plugin/framer-to-code) — valorsic studio · Free — Framer to Code is an officially approved Framer plugin that exports your published Framer site into a structured code project.
-   [Framer to Next.js](/plugin/framer-to-next-js) — David Jones · Free — Next Js
-   [FrameBoiler - Plugin Starter Kit](/plugin/frameboiler-plugin-starter-kit) — Elias ALVES · Free — Ship your own Framer plugin faster