Lucid now works inside VS Code

Lucid for VS Code is officially live on the VS Code Marketplace.

Engineers spend their day in their editor. Lucid diagrams live in a browser tab. Every architecture update means leaving VS Code, hunting down the doc, making the change, and coming back, a full context switch for something that should take thirty seconds. So a lot of engineers give up and fall back to Mermaid, which is fine for generating a visual but painful for everything after that.

The Lucid for VS Code extension closes that gap. Every diagram you touch in the editor is backed by a real Lucid document, not a throwaway export, so it stays durable, collaborative, and governed like the rest of your Lucid content. You can also commit it to git.

What you can do with it:

• Open documents in IDE: Browse and open your Lucid docs from a built-in picker, right in the editor.
• Edit diagrams in a panel next to your code: Move shapes, add connections, update labels.
• Convert Mermaid to editable shapes: Paste Mermaid from Claude Code, Cursor, Codex, or anywhere else and get editable Lucid shapes.
• Save to Codebase: The extension exports a PNG and writes a reference file with the doc ID into the folder you pick. Commit it with your next change, in GitHub, Bitbucket, or wherever you work.
• Give your AI agents real architecture context: Agents can find the diagram in your repo, pull it via MCP, or read the committed PNG directly with no MCP setup required.

Getting started takes about two minutes:

1. Search "Lucid for VS Code" in the VS Code Marketplace and install.
2. Sign in to your Lucid account (you'll need to sign in once inside VS Code even if you're already signed in on the web, since VS Code runs in a cookieless environment).
3. Hit Cmd/Ctrl+Shift+P, type "Lucid," and open an existing diagram or create a new one.
4. Edit inline, then “Save to Codebase” and commit the files.

The extension is free and works with a free Lucid account.

Worth knowing before you jump in: This is a focused subset of Lucid built for speed inside the IDE, not the full web app. Lucid AI, sharing, template libraries, and PDF/PowerPoint export aren't in the extension. Simply hit "Open in browser" to get the full Lucid experience any time. 

Install the extension here

We look forward to your feedback and hearing about how you use Lucid!

Taylor