Use Cases
Architecture DiagramsWhiteboard InterviewDocumentationWireframesBrainstorming
Company
BlogPricingCareersTermsPrivacy
Try Eraser

Design Docs

Whether it's a fully-fledged RFC or more informal, a clear technical design doc can help focus your thoughts and save days of confusion, re-work, and bugs. Eraser was built to help you and your team get from brainstorm to plan. Together.

  • Easy-to-learn, batteries-included canvas makes going from ideas to (virtual) page a breeze
  • Iterate and collaborate in a single tool, whether live or async.
  • Quickly incorporate existing documentation and diagrams to establish a baseline.
Try Eraser
Try Eraser
All-in-one Docs + Canvas

Eraser's unique approach lets you do free-form brainstorming on our canvas and iterate on your write-up as you hone in on a plan.

Eraser's internal links ("wikilinks") make referencing and embedding existing documentation and diagrams as easy as "+".

No more jumping from tool to tool - there's work to do.

Open In Eraser
Diagram-as-code

Diagram-as-code is the perfect tool for moving at the speed of thought and visualizing your ideas instantly.

Our syntax was purposefully created so that it's easy to learn and read. Focus on your inspiration, not on docs.

Eraser supports sequence, entity-relationship, and architecture diagrams as well as flowcharts.

Open In Eraser
Iterate with your team

Work with your colleagues in real time. Tag your teammates and ask for their feedback. Leave comments on drafts created by others. Eraser makes collaboration easy however works for you.

Open In Eraser
Use Eraser for all of your diagrams and docs
Beyond data flow diagrams, do you need to create other technical docs and diagrams like design docs, RFCs, network diagrams, and API diagrams? Eraser provides a single platform for modern engineering teams to collaborate on docs and diagrams.
Try Eraser
Watch Demo
3 mins
Discover other use cases
View all use cases
Whiteboard Interview
Eraser is the easiest way to conduct a remote whiteboarding interview. Just send a link to your counterpart and immediately get started.
Documentation
Eraser makes documentation enjoyable to create and consume
Log in
Try Eraser
Sign in
Try Eraser
Use Cases
Design Docs
Docs

Design Docs

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Create and collaborate on clear, beautiful technical design docs

Open in Eraser
Use Cases
Use Eraser for your
Docs
Use Cases
All-in-one Docs + Canvas

Eraser's unique approach lets you do free-form brainstorming on our canvas and iterate on your write-up as you hone in on a plan.

Eraser's internal links ("wikilinks") make referencing and embedding existing documentation and diagrams as easy as "+".

No more jumping from tool to tool - there's work to do.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Use Cases
Diagram-as-code

Diagram-as-code is the perfect tool for moving at the speed of thought and visualizing your ideas instantly.

Our syntax was purposefully created so that it's easy to learn and read. Focus on your inspiration, not on docs.

Eraser supports sequence, entity-relationship, and architecture diagrams as well as flowcharts.

Use Cases
Iterate with your team

Work with your colleagues in real time. Tag your teammates and ask for their feedback. Leave comments on drafts created by others. Eraser makes collaboration easy however works for you.

Design Docs
Examples
Why Eraser is the best tool for
Design Docs

Docs + Canvas

Eraser's unique embeds let you drop diagrams directly into your documents.

Diagram-as-code

Diagram-as-code is the perfect tool for moving at the speed of thought and visualizing your ideas instantly. Our syntax is optimized for easy learning.

Ease of use

Create an entire diagram without your hands ever leaving the keyboard. Our simple styling options allow you to iterate quickly and polish when you're done.

API

Integrate Eraser into your automated documentation and diagram generation pipeline.

Eraser AI

Meet your co-pilot for technical design. Generate diagrams and doc outlines with Eraser AI.

Security

Trusted by Fortune 100 companies with their system design. SOC II Type 2 audit in progress.

Version History

Automatically saved and snapshots generated for our safety of mind.

Documents & diagrams for engineering teams

All-in-one markdown editor, collaborative canvas, and diagram-as-code builder

Try Eraser
Whiteboard and document together
See Other Uses Cases
Process Flow Diagrams
Threat Modeling
CI/CD Diagrams
Whiteboard Interview
API Diagrams
Auth Flow Diagrams
Data Model
Dependency Diagrams
Decision Trees
CI CD and SDLC
Kubernetes Architecture
Network Diagrams
Data Flow Diagrams
Brainstorming
DevOps Diagrams
Wireframes
Documentation
Architecture Diagrams
Git Diagrams
State Diagrams

Trusted by leading engineering teams globally

Dennis Dao
Distinguished Software Architect, MISSION+

What I love most is its Markdown note-taking feature, which allows you to include snapshots of diagrams directly in the canvas. Clicking on these snapshots takes you straight to the relevant diagram section.

Alex Kenley
Technical Director, Mott Mac

As a proof of concept, using Eraser I manually built out a VMWare validated design which is a fairly complex conceptual design for NSX-T Network Virtualization in an enterprise environment. ... I put this whole thing together in under an hour. Pretty wild.

What does larger scale software development look like?

Web Dev Cody
@WebDevCody

See you in the canvas

Unlock your team’s collaborative super powers.

Documents & diagrams for engineering teams
© 2023 Eraser Labs, Inc.
© 2024 Eraser Labs, Inc.