LixSketch for VS Code

Draw diagrams right inside your editor. The LixSketch VS Code extension gives you a full infinite canvas as an editor tab — no browser, no context switching.

Open VS Code and search for LixSketch in the Extensions panel, or run:

code --install-extension elixpo.lixsketch

OR Visit

https://marketplace.visualstudio.com/items?itemName=elixpo.lixsketch

• Canvas tab — open a LixSketch canvas as a VS Code editor tab
• LixScript support — .lix file syntax highlighting and preview
• Live preview — write LixScript in the editor, see the diagram update in real time
• Export — export your canvas as SVG or PNG from the command palette
• Dark & light theme — follows your VS Code theme automatically
• All drawing tools — the same full toolset as the web app: shapes, arrows, freehand, text, code blocks, icons, frames

1. 1.Open the command palette (Ctrl+Shift+P / Cmd+Shift+P)
2. 2.Run LixSketch: New Canvas
3. 3.A new editor tab opens with the full canvas

Create a .lix file in your project. The extension provides:

• Syntax highlighting for LixScript
• A side-by-side preview panel (click the preview icon in the editor toolbar)
• Auto-complete for shape types, properties, and colors

• VS Code Marketplace
• GitHub
• LixScript Docs