Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>tldrawNew to Visual Studio Code? Get it now.
tldraw

tldraw

tldraw

|
77,419 installs
| (18) | Free
The tldraw extension for VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Introduction

tldraw is a very good whiteboard for the web. This extension will let you use tldraw inside of VS Code, using offline .tldr files. Create drawings, diagrams, or visual documentation, and then commit the files alongside your code!

A screenshot of tldraw in VS Code

Usage

  • To create a new tldraw file, use the provided command: "tldraw: New tldraw File".

A recording of opening tldraw in VS Code

  • To view an existing tldraw file, open a file with the .tldr extension in VS Code.

Tip: The .tldr files you create with this extension can also be opened in the tldraw web app. You can also use this extension to open .tldr files saved from the web app.

Releases

This extension is automatically released to the VS Code Marketplace when changes are merged:

  • Pre-releases: Merges to main branch trigger pre-release builds
  • Production releases: Merges to production branch trigger stable releases

Direct Downloads

You can also download the extension directly from our repository:

  • Latest Production Release: tldraw-vscode.vsix (from production branch)

To install from a .vsix file:

  1. Download the file from the link above
  2. Open VS Code
  3. Go to Extensions (Ctrl+Shift+X)
  4. Click the "..." menu and select "Install from VSIX..."
  5. Select the downloaded tldraw-vscode.vsix file

Contribution

Please see our contributing guide. Found a bug? Please submit an issue.

License

This project is provided under the MIT license found here. The tldraw SDK is provided under the tldraw license.

Trademarks

Copyright (c) 2024-present tldraw Inc. The tldraw name and logo are trademarks of tldraw. Please see our trademark guidelines for info on acceptable usage.

Contact

Find us on Twitter/X at @tldraw.

Community

Have questions, comments or feedback? Join our discord. For the latest news and release notes, visit tldraw.dev.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft