AI · Real-time · 2026
Draftly
Status: ActiveAI-powered collaborative system design canvas.
- Role
- Built solo
- Timeline
- May 2026 – present
- Status
- Status: Active
- Stack
- Next.js, React, TypeScript +5
Problem
System design usually starts in scattered whiteboards, docs and chats. Going from an idea to a structured architecture, and then to a written spec, takes hours, and collaborators can't see or edit the same design at the same time.
Solution
An AI pipeline turns plain-English prompts into structured architecture graphs. A collaborative canvas lets multiple people edit the same diagram live, and the structured graph gives the AI context to refine the design and write the spec.
How it works
- Step 01Start from a template or a blank canvas
- Step 02Describe the system in plain English
- Step 03AI generates a structured architecture graph
- Step 04Team edits together with live cursors and presence
- Step 05Export an auto-generated technical spec
Product
Draftly: a real-time collaborative platform built on React Flow and Liveblocks, with live cursors, presence indicators, persistent project snapshots, 10+ ready-made templates or a blank canvas, and automatically generated, downloadable technical specifications.
Key features
- Prompt-to-architecture graph generation
- Live cursors, presence indicators and persistent snapshots
- 10+ pre-built templates or blank canvas
- Auto-generated, downloadable technical specifications