## Introduction

tldraw extends VS Code with support for [tldraw](https://tldraw.com) files.

![A screenshot of tldraw in VS Code](./assets/screenshot.png)

[tldraw](https://tldraw.com) 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.

<img alt="A recording of tldraw in VS Code" src="./assets/recording.gif" style="border-radius: 8px 8px 8px 8px; overflow: hidden; box-shadow: 0px 2px 24px rgba(0,0,0,.6);margin: 24px;"/>

> **Tip:** The files you create or edit here can also be opened in the tldraw [web app](https://tldraw.com).

## 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](https://github.com/tldraw/tldraw/issues/new/choose) for support.

### Discussion

Want to connect with other devs? Visit the [Discord channel](https://discord.gg/SBBEVCA4PG).
