Use Cases
Architecture DiagramsWhiteboard InterviewDocumentationWireframesBrainstorming
Company
BlogPricingCareersTermsPrivacy
Try Eraser

Wireframes

Create beautiful wireframes, no design experience required.

Try Eraser
Try Eraser
Use our components and templates

Use our pre-built components like device frames, icons, and UI elements to quickly draw wireframes. Use templates to get a head start.

Open In Eraser
Keep it low fidelity

Our intentionally rough styling helps you resist the urge to fix pixel-level detail and stay focused on the big picture.

Open In Eraser
Iterate with your team

Tag your teammates and ask for their feedback. Leave comments on drafts created by others. Eraser makes asynchronous collaboration easy.

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
Wireframes
Collaboration

Wireframes

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.

User Eraser to create clear wireframes, no design experience required.

Open in Eraser
Use Cases
Use Eraser for your
Collaboration
Use Cases
Use our components and templates

Use our pre-built components like device frames, icons, and UI elements to quickly draw wireframes. Use templates to get a head start.

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
Keep it low fidelity

Our intentionally rough styling helps you resist the urge to fix pixel-level detail and stay focused on the big picture.

Use Cases
Iterate with your team

Tag your teammates and ask for their feedback. Leave comments on drafts created by others. Eraser makes asynchronous collaboration easy.

Wireframes
Examples
Why Eraser is the best tool for
Wireframes

Building blocks

With Eraser you don't need to hunt for icons. AWS, GCP, Azure, Kubernetes, and most tech logos are included.

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.

Team collaboration

Work with your colleagues in real time. Tag your teammates and ask for their feedback via comments.

Performance

Snappy and responsive. Our app can keep up with the speed of your thoughts.

Security

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

Eraser AI

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

Export

Flexible exports to PDF, PNG, SVG, markdown.

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
Design Docs
Data Model
Dependency Diagrams
Decision Trees
CI CD and SDLC
Kubernetes Architecture
Network Diagrams
Data Flow Diagrams
Brainstorming
DevOps Diagrams
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.