# Auth Flow Diagrams

Auth and login flows can start simple and quickly get complicated. They can involve cookies, tokens, 3rd party services and integrations, analytics systems, and user role provisioning. Using Eraser's powerful diagraming features, you can easily visualize how users log in to your app and authenticate with any 3rd party integrations you offer.

Eraser's built-in examples are an excellent way to get started documenting your auth flows or design a new implementation.

## Visualize auth flows

Sequence diagrams are perfect for visualizing auth flows, password reset flows, and other login related user flows. With Eraser's diagram-as-code feature, you can create beautiful sequence diagrams in minutes. Use our built-in example as a starting point, and add particulars such as databases, client-side storage and more.

### SAML flow

Struggling to explain SAML or design your implementation? Eraser's built-in SAML template is a perfect place to get started with a clear sequence diagraming. From here, you can add flows for new user provisioning and user role syncing.

### 3rd party OAuth

Integrating with 3rd party services using OAuth 2.0? Eraser's sequence diagrams are perfect for visualizing the authorization and API request flow, including token and authorization code exchange. With Eraser's diagram-as-code feature, it's easy to make beautiful OAuth 2.0 flows in minutes, so you can easily create diagrams for every flow, including token refreshes and permission mismatches.

## 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.

### Why Eraser is the best tool for Auth Flow 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.

#### Source of truth

Use diagrams created in Eraser as source of truth for answering security questionnaires and documentation.

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

## See you in the canvas

Unlock your team’s collaborative super powers.

### Documents & diagrams for engineering teams

#### Use Cases

- [Architecture Diagrams](/content/use-case/architecture-diagrams/index.html)
- [Design Docs](/content/use-case/design-docs/index.html)
- [Documentation](/content/use-case/documentation/index.html)
- [Brainstorming](/content/use-case/brainstorming/index.html)
- [Wireframes](/content/use-case/wireframes/index.html)
- [Whiteboard Interview](/content/use-case/whiteboard-interview/index.html)

#### Products

- [Eraser AI](/content/use-case/auth-flow-diagrams#/index.html)
- [Github integration](/content/use-case/auth-flow-diagrams#/index.html)
- [Diagram-as-code](/content/use-case/auth-flow-diagrams#/index.html)
- [API](/content/use-case/auth-flow-diagrams#/index.html)

#### Resources

- [Eraser Examples](/content/examples/index.html)
- [Decision Node](/content/decision-node/index.html)
- [Guides](/content/guides/index.html)
- [Agent Integrations](/content/agent-integrations/index.html)

### Free Diagram Makers

- [Architecture Diagrams](/content/make/free-architecture-diagram-maker/index.html)
- [Network Diagrams](/content/make/free-network-diagram-maker/index.html)
- [Flowcharts](/content/make/free-flowchart-maker/index.html)
- [ERDs](/content/make/free-erd-maker/index.html)

### Conclusion  
Use Eraser to document your login flows, integrations, and analytics identification.