API Diagrams

Using Eraser you can easily create clear, visually appealing documents for your services and APIs, including:

  • System diagrams for the architecture that backs an API
  • Sequence diagrams for individual API endpoints, lambdas, or service calls.
  • Beautiful technical proposals for building out new APIs and services

Eraser's simple UI, powerful diagramming features, icon library, and easy embeds make it a treat to documents for all your services and APIs. Create one from scratch or use one of our examples.

End-to-end flows API endpoint

Eraser's beautiful sequence diagrams are perfect for explaining the end-to-end flow of a particular API endpoint, cloud function, or service call. This is an excellent way to start designing a new endpoint or API. Use our diagram-as-code feature to make them in a snap.

Open In Eraser
Bootstrap with AI

Eraser's AI-powered Diagramming is perfect for quickly bootstrapping API docs. Copy in existing descriptions to create sequence diagrams, or explain proposed APIs in natural language to create technical proposals.

Open In Eraser
GitHub integration

Trying to keep your API and service documentation living next to your code? Want to make it easy to review changes, and ensure your docs are synced with your code? Our Github integration makes it easy to create in Eraser and store in git.

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
API Diagrams
Diagrams

API 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 visually document your service architecture and API flows

Open in Eraser
Use Cases
Use Eraser for your
Diagrams
Use Cases
End-to-end flows API endpoint

Eraser's beautiful sequence diagrams are perfect for explaining the end-to-end flow of a particular API endpoint, cloud function, or service call. This is an excellent way to start designing a new endpoint or API. Use our diagram-as-code feature to make them in a snap.

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
Bootstrap with AI

Eraser's AI-powered Diagramming is perfect for quickly bootstrapping API docs. Copy in existing descriptions to create sequence diagrams, or explain proposed APIs in natural language to create technical proposals.

Use Cases
GitHub integration

Trying to keep your API and service documentation living next to your code? Want to make it easy to review changes, and ensure your docs are synced with your code? Our Github integration makes it easy to create in Eraser and store in git.

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

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.

AI diagrams

AI diagrams are perfect for quickly bootstrapping ideas into diagrams. Copy paste existing descriptions or code snippets to generate a diagram instantly.

GitHub integration

Eraser's Github integration supports two-way syncing with Github. Add diagrams to READMEs in Eraser while still maintaining your PR-based workflows and versioning.

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.

Export

Flexible exports to PDF, PNG, SVG, markdown.

API

Integrate Eraser into your automated documentation and diagram generation pipeline.

Trusted by leading architecture 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.