Diagrams · checked 2026-10-19Can I vibecode Lucidchart?
KINDA· weekend project
A canvas with shapes, smart connectors, text, undo, zoom and export is a weekend of agent work on React Flow or a similar library, and it can save to a local database. Most of what you pay for stays out of reach: a deep shape library for UML, ER and cloud notation, real-time co-editing with comments, faithful Visio import, and the Confluence and Jira integrations. Meanwhile draw.io and Excalidraw are free and already handle the solo case, so building your own makes sense only if you want a diagram tool shaped around your own files.
$9/moprice per seat
$108you'd save a year
weekendbuild time
—people replaced it
What you need on hand.
DifficultyIntermediate · Some system setup or keys.
TimeA weekend to get the connectors and editing feel right
- Claude Code, Codex or CursorAny of them can run the prompt.
- Node.js 22better-sqlite3 compiles a native module, so build tools must be installed.
- Your own SVG icon setsOptional. Check the licence of any cloud-provider or UML icon pack before using it.
Before you buildLucidchart Free allows three editable documents. If that is enough, or if draw.io fits, you may not need your own tool at all.
- 1. Install one agent: Claude Code, Codex, Cursor.
- 2. Make an empty folder and open it in the agent.
- 3. Paste the prompt below, press enter, and answer its questions as it builds.
The prompt
Build me a personal diagram editor to replace Lucidchart. Requirements: - Node.js 22 + TypeScript: a Fastify server and a React editor built with Vite on `@xyflow/react`. `npm start` serves http://localhost:4900 and listens on 127.0.0.1 only. - Storage: better-sqlite3 in ./data/diagrams.db: documents (title, JSON of pages, nodes and edges, updated_at) and a versions table that keeps the last 30 autosaves per document. - Canvas: pan and zoom, drag to place, multi-select, copy and paste, group and ungroup, snap to a grid, alignment guides, undo and redo (50 steps), and a keyboard shortcut for each action. - Shapes: a palette with flowchart (process, decision, terminator, data, document), UML class and actor, ER table, and basic shapes with text, fill, stroke and font. Folders of SVG icons placed in ./shapes/ show up in the palette without a rebuild. - Connectors: straight, curved and orthogonal lines that follow shapes when they move, with arrow heads, labels and dashed styles. An auto-layout button uses `dagre`, top-down or left-right. - Pages: several pages per document, switched by tabs, and a text import of Mermaid flowcharts (`mermaid` parser) that creates nodes and edges. - Export: PNG at 1x, 2x or 4x, SVG with text kept as text, PDF through `jspdf` + `svg2pdf.js`, and the JSON file itself. Import the JSON back in. - Single user. No accounts, no telemetry, local-first: nothing leaves the machine. - Out of scope: real-time collaboration, comments, Visio import, org-chart data import, integrations. - README: how to back up ./data, how to add shape folders, and a list of what the SVG and PDF exports do not preserve.
Opens your agent with the prompt filled in, you press enter. Or copy it and paste it into an empty folder.
Then keep going
Next prompts, same folder.
The first prompt builds the core. Run these one at a time in the same folder to grow it into your own Lucidchart.
Add draw.io import to the diagram editor in this folder. Requirements: - Accept .drawio and .xml files with mxGraphModel content, including compressed diagrams (base64, raw deflate through `pako`, then URL-decode). - Map rectangles, ellipses, rhombuses, text and edges with their labels, fill and stroke colours to the editor's own shapes; unsupported shapes become a grey rectangle named after the style. - List what was converted and what was approximated after each import. - Add three sample files in ./samples and tests that import each one. - Update the README.
Add read-only sharing to the diagram editor in this folder. Requirements: - A Share button creates /s/<random-token> that shows the current version in view-only mode with pan, zoom and PNG download. - Tokens can be revoked and can carry an expiry date; expired or revoked links return 404. - Shared pages load no editor code and no external scripts. - Access stays on the same single-user login for editing; only /s/ routes are public. - Update the README, including how to expose just /s/ through a tunnel.
Add a history view to the diagram editor in this folder. Requirements: - A side panel lists saved versions with time and a thumbnail rendered from the JSON. - Selecting a version previews it read-only; Restore saves it as a new version, never deleting the newer ones. - Keep autosaves for 7 days and named versions forever; allow naming a version. - Add a test that restores a version and checks the current document equals it. - Update the README.
What you lose
- Real-time editing with comments and cursors for several people
- Large shape libraries for UML, ER, BPMN, network and cloud diagrams
- Visio import and export with faithful formatting
- Integrations with Confluence, Jira, Microsoft 365 and Salesforce
- Data linking, org-chart import and version history
Why people still pay
A diagram becomes a shared document: colleagues edit and comment on the same file, it is embedded in Confluence or Jira, and an IT department sends Visio files. Lucid is what the team already agreed on, and at $9 a seat nobody argues, even though draw.io covers a solo user for free.
Lucidchart or your own copy?
Seats
Over
Your usage
12h ×$/h
Lucidchart, 1 yr$108
Your own copy, 1 yr$44running + build session
You keep$65pays for itself in 2 months
Estimate · Runs locally for free, or on a $5 VPS if you want it from several devices. The build is token usage on your agent plan.
Take your data, then cancel.
1 · Take your data out of Lucidchart
- 1Open the file menu at the top left of the canvas, hover Export and pick PDF, PNG, JPEG or SVG; use Crop to content to trim whitespace.
- 2Choose CSV of Shape Data for names, shape libraries and text fields, JSON for the document's resources, or BPMN 2.0 if the document has BPMN shapes.
- 3Visio export (VSDX or VDX) needs an Individual, Team or Enterprise plan; try VDX if VSDX looks wrong in Visio.
- 4Tags, emoji reactions, notes and comments don't appear in image exports; links survive only in PDFs.
2 · Cancel Lucidchart
- 1Open the Plans & Billing page and find the product under Your plans.
- 2Open the three-dot menu next to the plan and choose Cancel this plan; cancel each Lucid product separately.
- 3A paid plan keeps running until the end of the period, then the account becomes a limited free plan; cancelling a trial moves you there at once.
- Documents stay in your account and viewable after cancelling; on the free plan only your three most recently created documents stay editable, and you get full editing back if you resubscribe.
- Deleting the account is separate and permanent: cancel first, export what you need, and only then close the account.
- On a Team or Enterprise account, cancelling can move users to free accounts and hand document ownership to them.
The escape hatch
Don't feel like building it? These are already free.
draw.io (diagrams.net)Open sourceApache-2.0 diagram editor that runs in the browser or as a desktop app, with large shape libraries and Visio import; files stay on your disk.★ 8.9k · active Oct 2026 · docker to self-host
Web, Windows, macOS, LinuxVisit ↗ExcalidrawOpen sourceMIT whiteboard-style editor with a hand-drawn look, shared rooms with end-to-end encryption, and SVG and PNG export.★ 134k · active Oct 2026 · docker to self-host
WebVisit ↗MermaidOpen sourceMIT text-to-diagram library for flowcharts, sequence and ER diagrams; renders in many Markdown tools and on GitHub.★ 91k · active Oct 2026 · they host it
WebVisit ↗
Web, Windows, macOS, LinuxVisit ↗ExcalidrawOpen sourceMIT whiteboard-style editor with a hand-drawn look, shared rooms with end-to-end encryption, and SVG and PNG export.★ 134k · active Oct 2026 · docker to self-host
WebVisit ↗MermaidOpen sourceMIT text-to-diagram library for flowcharts, sequence and ER diagrams; renders in many Markdown tools and on GitHub.★ 91k · active Oct 2026 · they host it
WebVisit ↗
The numbers
Lucidchart pricing
| Plan | Monthly | Annual, per month | What you get |
|---|---|---|---|
| Free | $0/user | $0/user | 3 editable documents, 75 shapes per document, 100 templates, basic data linking, presentation mode, commenting, Lucid AI. |
| Individual | — | $9/user | Unlimited editable documents and objects per document, premium templates and shape libraries, Visio import and export, 1 GB storage. |
| Team | — | $10/user | Everything in Individual plus revision history with versioning, password-protected publishing, advanced controls for Visual Activities, Microsoft 365, Confluence and Jira integrations, developer platform. |
| Enterprise | custom | — | SAML, enforceable sharing restrictions, Salesforce integration, team hubs, Lucidspark included, Enterprise Shield. |
- Free tier
- 3 editable documents and 75 shapes per document; further documents stay viewable only.
- Billing
- The pricing page shows prices per month billed annually and lists them without VAT. The FAQ says monthly billing exists, but no monthly price appears on the public page, so the annual figure per month is used here. A 7-day trial needs payment details up front and bills automatically unless you cancel.
- Hidden costs
- Lucidspark (whiteboards) and Lucidscale (cloud diagrams) are separate products with their own plans, though the Enterprise plan includes Lucidspark. Prices exclude VAT.
- Source
- lucid.app
Also on the list
Related apps
Free allows 3 editable Lucidchart documents with 75 shapes each, 100 templates, commenting and presentation mode.
Kinda. The core is a weekend build with the prompt on this page, but real gaps remain: Real-time editing with comments and cursors for several people, Large shape libraries for UML, ER, BPMN, network and cloud diagrams.
About $9 a month on the Individual plan per seat, $108 a year (checked 2026-10-19).
Real-time editing with comments and cursors for several people; Large shape libraries for UML, ER, BPMN, network and cloud diagrams; Visio import and export with faithful formatting; Integrations with Confluence, Jira, Microsoft 365 and Salesforce; Data linking, org-chart import and version history. If any of those matter to you, keep paying.
Yes: draw.io (diagrams.net) (open source), Excalidraw (open source), Mermaid (open source).