Architecture Diagrams

Creating rich architecture diagrams in Eraser is a treat.

  • Eraser's intuitive UI, built-in icon library, and custom styles let you create beautiful diagrams in minutes, not hours.
  • Use Eraser's propriety diagram-as-code enables diagramming at the speed of thought without having to learn complex syntax. Let your ideas speak for themselves.
  • Keep all of your diagrams in a centralized, searchable, collaborative tool.
  • Embed directly into Eraser documents or into your documentation tool of choice.
The blocks you need

Eraser's built-in icon library and easy diagramming lets you focus on your ideas, not fidgeting with your tool. Our simple styling options allow you to iterate quickly and polish when you're done. We've done the work so that you can create beautiful diagrams in minutes, not hours.

Open In Eraser
Diagram at the speed of thought

We created Eraser's diagram-as-code syntax to be easy to learn and read. Leverage AI diagrams to turn your infrastructure-as-code and architecture proposals into a starting point in seconds.

Open In Eraser
Do everything with your keyboard

Create an entire diagram without your hands ever leaving the keyboard. Eraser is designed to be keyboard-first. It's several times faster than using your mouse.

Open In Eraser
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
Use Cases
Architecture Diagrams
Diagrams

Architecture Diagrams

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.

Use Eraser to create all of your system and architecture diagrams

Open in Eraser
Use Cases
Use Eraser for your
Diagrams
Use Cases
The blocks you need

Eraser's built-in icon library and easy diagramming lets you focus on your ideas, not fidgeting with your tool. Our simple styling options allow you to iterate quickly and polish when you're done. We've done the work so that you can create beautiful diagrams in minutes, not hours.

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 at the speed of thought

We created Eraser's diagram-as-code syntax to be easy to learn and read. Leverage AI diagrams to turn your infrastructure-as-code and architecture proposals into a starting point in seconds.

Use Cases
Do everything with your keyboard

Create an entire diagram without your hands ever leaving the keyboard. Eraser is designed to be keyboard-first. It's several times faster than using your mouse.

Architecture Diagrams
Examples
Why Eraser is the best tool for
Architecture Diagrams

Documents & diagrams for engineering teams

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

Try Eraser
Whiteboard and document together

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.