Sign up free Log in

User guide — DrawFig

This page summarizes what the portal and editor offer today, with the shortest paths to get work done. Switch language via the header or ?lang=. For a full narrative, use “Long reads” below.

Long reads

These links point to static blog posts meant to be read end-to-end—editor, AI, image-to-graph, and deployment. The cards above summarize each area.

Quick start

  1. First visit: sign up or sign in from the home page; or continue as Guest to try the editor (Guest does not list cloud diagrams).
  2. Open /editor.html, or use the sidebar New / “+ New” for a blank diagram, or pick a template under “Start from a template”. Edit on canvas; when signed in, saves sync to your account.
  3. In My diagrams, organize with folders, batch move or delete, and create editable share links per diagram when needed.
  4. Account & security: change password, email verification (if required), TOTP and passkeys under Account settings.
  5. Optional backends: image-to-diagram and AI canvas are proxied at /api/… when those services run.

Portal & account

  • Home: product overview, blog, editor, sign up / sign in.
  • Language: header or ?lang=zh|en (stored in a cookie).
  • Registration, login, guest mode; captcha and rate limits depend on deployment.
  • Forgot password, email verification (DRAWFIGURE_REQUIRE_EMAIL_VERIFICATION), account settings, delete account.
  • Two-factor login (TOTP, WebAuthn); admins can manage users when applicable.

My diagrams

  • Lists saved diagrams and thumbnails; filter by folder or Unfiled.
  • Create, rename, delete folders; deleting a folder moves diagrams up or to Unfiled.
  • Bulk select, move to folder, delete; sort and search when signed in.
  • Per diagram: open, rename, create/revoke editable share, move, delete.

Editor

  • Draw.io–compatible editing: shapes, connectors, styles, layers, import/export.
  • Start from Template or the template gallery, then customize.
  • Save: cloud sync when signed in; use Ctrl+S or the Save action.
  • Help → Support opens this page; shortcuts and About are also under Help.

Sharing

  • Editable share URLs include the diagram id and a secret sk—treat links as credentials.
  • Saves use optimistic locking (revision); concurrent edits may return a conflict to merge or accept server version.

For advanced capabilities, use “Pro capabilities” in the top bar on this page; for a product overview see Features on the home page and the Blog.