DEV Community

DevScribe
DevScribe

Posted on

Document, Design, Code & Test APIs in One Workspace

πŸš€ Meet DevScribe: All-in-One Workspace for Developers, Designers & Architects

After 1.5 years of building, I’m beyond excited to finally share DevScribe β€” a single workspace where you can Design, Code, Document, and Test APIs, all in one place.

No more switching between five different tools.

No more context loss.

Just focus and flow β€” everything you need, right where you need it.

πŸŽ₯ Watch the full demo here β†’


🧠 Why DevScribe?

As a backend engineer, I constantly found myself juggling:

  • Postman for API testing
  • Draw.io for diagrams
  • VS Code for coding
  • Notion for notes
  • LeetCode for practice

Five tabs. Five distractions.

So, I decided to build something better β€” a developer-focused workspace that brings it all together.


✨ Core Features of DevScribe

🧾 1. Document Like Notion β€” But Smarter

Write technical docs, notes, or project wikis with blocks.

  • Rich text editing with headings, checklists, code blocks, and embeds
  • Add design diagrams and runnable code inside the same doc
  • Works completely offline β€” no account needed

πŸ’‘ Perfect for: Tech specs, HLDs, LLDs, API notes, or product documentation

Document Editor

🎨 2. Design System Diagrams Visually

Built-in Diagram Editor powered by JointJS.

  • Create architecture, UML, and flow diagrams
  • Resize, style, and connect elements dynamically
  • No need to export β€” diagrams live right inside your document

🧩 Includes:

  • Standard shapes (Rect, Circle, Polygon, etc.)
  • Custom styling panel
  • Expandable node views and ports

Diagram Editor Screenshot


πŸ’» 3. Run Code Instantly

DevScribe includes an embedded multi-language code playground β€” run and test your code directly inside your document.

Supported Languages:

  • JavaScript
  • TypeScript
  • Java
  • Shell
  • SQL (SQLite, MySQL)

Features:

  • Syntax highlighting
  • Run / Copy buttons
  • Output in a live preview panel
  • Works offline

Code Editor


πŸ”— 4. Test APIs with Built-in Postman Alternative

Test REST APIs directly inside your doc with request history and response views.

  • GET, POST, PUT, DELETE requests
  • Save and organize requests
  • See JSON / text / formatted responses
  • Great for backend developers and testers

API Documentation & Testing


βš™οΈ 5. Integrations & Config Management

Add integrations (like databases, runners, or custom configs) easily with a built-in settings panel.

  • JSON-based config file
  • Categorized integrations
  • Persistent storage via SQLite

πŸͺ„ 6. Offline First, Fast Always

DevScribe runs entirely offline β€” built using Electron + React.

No login. No dependency on servers.

Just download, open, and build your ideas without limits.

πŸ’» macOS supported


🧩 Developer Experience that Feels Right

Every detail in DevScribe is crafted for productivity:

  • Side-by-side document + diagram views
  • Auto-save your work
  • Custom color pickers and shape tools
  • Keyboard shortcuts for common actions

UX Screenshot

πŸ’¬ The Vision Behind DevScribe

DevScribe isn’t a company product β€” it’s a developer’s craft.

Built out of necessity, not marketing.

The goal is simple:

Help developers think, design, and code in one uninterrupted flow.


🌐 Try DevScribe Today

πŸ”— Download Now

πŸ“Ή Watch Demo Video

πŸ’¬ Support the Product Hunt Launch


❀️ Support the Launch

If DevScribe resonates with you β€”

πŸ‘‰ Give it an upvote on Product Hunt

πŸ‘‰ Or share your feedback so I can make it better for our community of builders.


πŸ§‘β€πŸ’» About the Maker

Hi, I’m Avinash, a backend engineer and tech lead passionate about building tools that empower developers.

DevScribe is my way of giving back to the dev community that shaped my career.


Top comments (0)