Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Framer SyntaxNew to Visual Studio Code? Get it now.
Framer Syntax

Framer Syntax

Framer

|
24,690 installs
| (12) | Free
A color theme inspired by the Framer Editor
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Framer Syntax

Introduction

Framer Syntax is a dark, minimalist theme inspired by Framer’s popular code editor. It supports coding languages like HTML, CSS/SCSS, JavaScript, TypeScript, and JSON, giving you everything you need to build amazing products for the Web.

Installation

  • Install theme via Marketplace
  • Launch Quick Open from within Visual Studio Code by pressing cmd + shift + p.
  • Type theme and choose Preferences: Color Theme
  • Select the Framer Syntax Theme

Alternatively install via CLI:

code --install-extension Framer.framer-syntax
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft