User flow diagrams with AI
OpenCharts is an AI user-flow builder that turns a product description or journey map into an editable user-flow diagram in seconds. Theo identifies screens, actions, decision branches, and edge cases, and lays them out top-to-bottom or left-to-right. Mix screens with whiteboard sketches and notes, collaborate in real time, and export to PNG/SVG/PDF/PPTX for design reviews and product specs.
How it works
- 1
Describe the flow
Tell Theo the product, the persona, and the goal (‘new user signing up for trial, sees pricing, abandons, comes back via email’).
- 2
Theo builds the flow
Theo creates a screen-by-screen flow with action nodes, decision branches (yes/no), and edge cases (errors, cancellations).
- 3
Add screen mocks
Drag screen images onto nodes, attach data tables for analytics events, and group by lifecycle phase.
- 4
Share or export
Public share link or export to PNG, SVG, PDF, PPTX, DOCX, JSON.
What you get
- Screen, action, decision, error, and end-state node types
- Whiteboard mode for freehand wireframes alongside structured flows
- Templates: signup, checkout, onboarding, subscription cancellation
- Real-time multiplayer collaboration with cursors and comments
- Image embeds for screen mockups
Frequently asked questions
Can I attach analytics events to each step?
Yes. Every node supports an attached data table where you can record event names, properties, owner, and notes.
Can I import Figma frames?
Direct Figma integration is on the roadmap. Today, export Figma frames as PNG/SVG and drag them onto user-flow nodes as embedded images.
Is this free?
Yes. User-flow diagrams, themes, real-time collaboration, and export are included on every plan including the free tier.
Can I mix wireframes with the flow?
Yes. Use the whiteboard mode to sketch wireframes alongside structured flow nodes. One-click conversion turns whiteboards into flowcharts and vice versa.
Are there templates?
Yes. The Templates gallery includes signup, checkout, onboarding, subscription cancellation, and SaaS first-run experience flows. All editable and AI-customizable.
Related use cases
Compare to other tools
Try it free with OpenCharts
No credit card required. Free real-time collaboration and full export on every plan.