Guides
Step by step, from sign-up to a result
Each guide takes you from nothing to one finished thing, with screenshots of the real app. Pick the one that matches what you want to do.
Get started
Your first diagram Sign up, start a diagram from a template or a file, find your way around the tabs and share a link. Set up your team Create an organization, invite people, give them roles, share diagrams with teams and keep an eye on seats. Set up single sign-on Verify your email domain, connect SAML or OpenID Connect, test it, then require SSO and let people join on their own.
Tabs
Draw your architecture Add components and arrows, group them in boundaries, open a component to see inside it, and switch how the diagram looks. Draw sequence diagrams Show how a request moves through your components, with messages, alt and loop blocks, and export to Mermaid or PlantUML. Design your database schema Draw tables, columns and relations for a database component, and export an ER diagram. Describe your API Write endpoint contracts for a component, add events with their consumers, and export OpenAPI or AsyncAPI. Map your cloud resources List the cloud resources behind each component, as a tree of what holds what. Follow your data Draw how data moves through stages, from where it is produced to where it is stored, and export it to Mermaid. Draw your network Lay out the network your system runs on: devices, links and zones. Model a state machine Show how a service's data moves through its states, and link each step to the API events that drive it. Write notes next to the diagram Keep decisions, numbers and links in Markdown notes that live in the same file as the diagram.
Workflows
Connect your AI agent Give Claude, Cursor or any MCP client a key to your diagrams, pick the tools it sees, and keep diagrams in step with your code. Build a threat model Mark trust zones and the data your arrows carry, let Modudraft suggest threats, decide what to do about each, and share the report. Check pull requests for drift Add the drift check to GitHub Actions so every pull request is compared with your diagram, and fix what it finds.