Lucid for VS Code

Create, preview, edit, and collaborate on Lucid diagrams in VS Code—backed by a real Lucid document that travels with your code.

Create or open a diagram directly in your editor, make quick changes, and save it to your repository. Each diagram is a durable Lucid document, so it remains collaborative and governed while also staying reviewable alongside the code it describes.

Features

• Open, create, and edit Lucid diagrams in VS Code. Browse your Lucid documents, update shapes and connections, and edit labels without leaving your IDE.
• Convert Mermaid to editable Lucid shapes. Paste Mermaid from an AI coding assistant or any other source, then refine the resulting Lucid diagram.
• Save to Codebase. Save a PNG and its linked Lucid reference file into a folder you choose, ready to commit with your next change.
• Give AI coding agents architecture context. Agents can read the saved PNG directly or use the reference file and Lucid MCP to retrieve the live document.
• Keep diagrams current as your architecture evolves. Update a diagram in VS Code and sync its saved PNG when it is out of date.

Getting started

1. Install the extension.
2. Sign in to your Lucid account.
3. Open the Command Palette with Cmd/Ctrl+Shift+P, search for Lucid, and choose a command such as Create new document or Open document.
4. Create a new diagram or open an existing document.
5. Edit it inline, then select Save to Codebase and commit the saved files with your code.

Requirements

A Lucid account is required to create or open documents. VS Code runs in a cookieless environment, so you need to sign in to Lucid once inside VS Code even if you are already signed in through your browser.

Focused in-editor experience

The extension provides a focused subset of the full Lucid editor for quick diagram creation, viewing, and edits. Select Open in Browser whenever you need the complete Lucid experience.

The following features are not currently available inside the extension:

• Lucid AI, including converting Lucid diagrams to Mermaid
• Sharing from within the extension
• Template libraries and embedding
• General-purpose export formats such as SVG, PDF, CSV, and PowerPoint

Organizations that disable anonymous users cannot use the extension yet. An enterprise authentication path is planned for a future release.

Support

• Lucid
• Lucid Support
• Lucid Community