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

tldraw

tldraw

|
6,981 installs
| (6) | 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

Create and edit diagrams using the tldraw editor, all inside of VS Code.

A screenshot of tldraw in VS Code

tldraw is a free drawing and diagramming tool with a hand-drawn style and convenient features such as smart arrows, snapping, and sticky notes. With the tldraw extension for VS Code, your tldraw files can be version controlled alongside your code.

A recording of tldraw in VS Code

Tip: The files you create or edit here can also be opened in the tldraw web app.

Features

  1. View, edit and save tldraw files (.tldr)

Usage

  • To view an existing tldraw file, open a file with the .tldr extension in VS Code.
  • To create a new tldraw file, use the provided command: "tldraw: New tldraw File".

Community

Support

Need help? Please open an issue for support.

Discussion

Want to connect with other devs? Visit the Discord channel.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2022 Microsoft