STORYFLOW FOR UX DESIGNERS
The thinking layer
around your design file.
Storyflow is the product-thinking workspace for the work that feeds the design file: user flows, journey maps, research synthesis, information architecture, and wireframe planning on a truly infinite canvas. Describe the problem and AI lays out a starting board, then take the decisions into Figma. It is not a hi-fi prototyping tool, and that is on purpose. Free forever, no credit card.
Free plan
No credit card
Works in your browser
Used by creative professionals at:
Artlist
Pixar
Nike
Red Bull
The North Face
Porsche
Start from a ready-made template
Pick a board, then let AI fill it in. Every template is a real, editable starting point on the same infinite canvas.
Where does UX thinking live before the design file?
Most of a UX project happens before anyone opens the design file. It is the interview notes you have to make sense of, the flows you sketch to understand the problem, the journey map that shows where users struggle, and the information architecture you argue over. That thinking usually ends up scattered across a research repo, a slide of boxes and arrows, sticky notes on a wall, and a doc nobody reads twice, and the reasoning behind the final screens quietly disappears.
Storyflow gives that work one home. On an infinite canvas you map user flows and journeys as connected cards, pull interview quotes into affinity clusters, lay out a site map or IA, and rough out wireframe structure right next to the research that justifies it. Every item is a real card you drag, recolor, and regroup, so the thinking takes the shape of the problem instead of snapping to a rigid template.
To be clear about the lane: Storyflow is not a hi-fi prototyping tool. Figma owns the interface file, the components, and the clickable prototype, and you keep using it to design and ship the actual screens. Storyflow is the flows, research, and planning layer that comes before and beside that work. When the direction is decided, you share a view-only link with product and engineering and carry the approved flows and IA into your design tool with the reasoning intact.
HOW IT WORKS
From research pile to agreed direction in four steps.
Start from a blank board or a single prompt. Either way the thinking stays yours to reshape.
01
Open a free canvas
Start in the browser with a free account. Nothing to install and no card to enter, just an infinite canvas ready for the first flow or research note.
02
Bring in the raw material
Drop in interview notes, screenshots, links, and PDFs, and grab frames from a usability recording on YouTube or Vimeo. Everything lands on one board instead of a research folder.
03
Shape the thinking with AI
Describe the problem once and let AI lay out a starting board of a user flow, a journey map, or an affinity structure, reading your current canvas as context, then drag it into the shape you want.
04
Share and take it to Figma
Send a view-only link so product and engineering can follow the flows and reasoning without an account, then carry the approved IA and wireframe plan into your design tool.
The UX layer your design file has been missing.
Keep designing screens and prototypes in Figma. Do the flows, research synthesis, and planning here, where the thinking belongs.
Flows on one board
User flows and journeys on an infinite canvas
Map screens, decisions, and paths as connected cards, then lay a journey map underneath to show where users struggle. With a truly infinite canvas and no object cap on the free plan, a full end-to-end flow never runs into an edge.
See the visual thinking tool →
AI lays out the thinking
Describe the problem, get a starting board
Tell the AI chat what you are working on and it lays out a full board: a first-pass user flow, a journey map, or an affinity structure for your notes. It reads your current canvas as context, so it builds on the research you already placed instead of a generic template.
See the AI whiteboard →
Research beside the decisions
Synthesis and personas next to the flows
Pull interview quotes into affinity clusters, distill them into personas, and keep them on the same board as the flows they justify. The insight that drove a decision sits next to the decision, not in a separate repo.
See the customer persona generator →
Share without accounts
Team-ready view-only links
Send a view-only link and product or engineering can walk the flows, IA, and research in their browser with no account and no login. When it is agreed, export the board as an image or PDF for the kickoff deck.
See visual collaboration →Free forever. No object cap.
Open a board and start mapping. The free plan has no object cap and no time limit, so a full flow or research wall never pushes you to upgrade mid-project.
Unlimited flow, journey, and research boards on an infinite canvas
Basic AI usage to lay out flows, journeys, and synthesis
Attach interview notes, PDFs, video, and links, plus 20 file uploads
Share view-only with the team, or invite collaborators free
BEFORE AND BESIDE THE PROTOTYPE
Built for how UX designers actually think.
Map the flows, make sense of the research, agree the IA, and hand it off clean. All on one board.
Flows and journeys, not slides
Map how users actually move through the product
Boxes and arrows that move: Lay out screens, decision points, and edge cases as connected cards, and reroute a path by dragging it. The flow keeps pace with your understanding instead of a redraw in a diagram tool.
Journey map underneath: Line up stages, actions, thoughts, and pain points beneath the flow, so the emotional lows and the drop-off points sit right where the user hits them.
Annotate the friction: Drop a note under any step explaining the problem or the hypothesis, so the flow reads as reasoning a stakeholder can follow, not just a wall of boxes.
Research that leads somewhere
Synthesize interviews into affinity clusters and personas
Cluster the quotes: Pull interview notes and observations onto the board as cards and group them into themes by dragging. Affinity mapping without buying a wall of physical sticky notes.
Distill into personas: Turn the strongest clusters into a customer persona on the same canvas, so the archetype is built from real quotes rather than invented from scratch.
AI helps make sense: Ask the AI to propose theme groupings or a first-pass persona from the notes you placed. It reads your current board as context, so the synthesis reflects your research, not a template.
Structure before screens
Plan information architecture and wireframe layout
Site maps and IA: Sketch the sitemap, navigation, and content hierarchy as cards on the canvas, so the structure is agreed before anyone opens the design file to draw a screen.
Rough out wireframe blocks: Block out the sections and layout of a page at low fidelity as cards, enough to argue about structure and priority before committing pixels in Figma.
Reference the real thing: Pin screenshots of competitor patterns and pull frames from a usability recording on YouTube or Vimeo, so decisions are grounded in what you actually saw.
Handoff, not a black box
Share the thinking and take it to Figma
View-only for stakeholders: Send a view-only link so a PM or engineer walks the flows, IA, and research in the browser with no account, then leaves feedback you can act on before you design a single screen.
Invite the team free: Bring a researcher, PM, or content designer onto the same board free, so the direction is a shared decision instead of a forwarded slide deck.
Export for the deck: Export the flow, journey map, or IA as a clean image or PDF for a kickoff deck, then take the approved decisions into Figma to design and prototype.
WHO IT IS FOR
Which product people work in Storyflow?
Anyone whose thinking has to be seen and agreed before it becomes a screen.
UX designers
Map user flows and journeys, synthesize research into clusters, and plan the IA on one canvas, then take the agreed structure into your design file to build the screens.
Product designers
Frame the problem, weigh options as connected boards, and rough out layout and structure before committing pixels, keeping the reasoning next to the decision.
UX researchers
Run affinity mapping on interview notes, cluster the themes, and hand the design team a persona and insights board they can actually build from. Free, with no time limit.
Product managers
Sketch the flow and journey for a feature, gather the context, and align the team on a view-only board before design and engineering start work.
Design and product teams
Run a discovery workshop on one shared canvas, cluster the output into flows and IA, and keep every project's thinking in one workspace the whole team can see.
COMPARED
How Storyflow compares for the thinking around the design file.
This is about flows, research synthesis, and IA, not designing screens. Here is where each tool sits.
Storyflow
Recommended
AI lays out a flow, journey, or synthesis from your board
Truly infinite canvas with no free object cap
Grab frames from usability recordings on YouTube and Vimeo
View-only stakeholder links, no account to view
FigJam
AI lays out a flow, journey, or synthesis from your board
Truly infinite canvas with no free object cap
Grab frames from usability recordings on YouTube and Vimeo
View-only stakeholder links, no account to view
Miro
AI lays out a flow, journey, or synthesis from your board
Truly infinite canvas with no free object cap
Grab frames from usability recordings on YouTube and Vimeo
View-only stakeholder links, no account to view
Milanote
AI lays out a flow, journey, or synthesis from your board
Truly infinite canvas with no free object cap
Grab frames from usability recordings on YouTube and Vimeo
View-only stakeholder links, no account to view
What creators are saying
Join early creators getting structured workspaces and AI that remembers their projects
“Storyflow has sped up my workflow by at least 3x, which means more flow state and more projects I can actually ship. It truly changed the way me and my team create.”
Reilin Joey
Director & YouTuber
“One prompt gets me a structured board. But the tactics are my favorite. I run my YouTube scripts through them and my intros and retention got better. It's amazing.”
Justkay
YouTuber & Freelance Filmmaker
“I used to juggle five apps to plan a project. Now I describe what I am making and get boards, lists, and a schedule. All in one place.”
George
@fernwehchronicles
UX designer questions, answered.
Everything UX and product designers ask about working in Storyflow.
No, and it is not trying to be. Figma owns the interface file, the components, and the clickable hi-fi prototype, and you keep using it to design and ship screens. Storyflow is the thinking layer that feeds that file: user flows, journey maps, research synthesis, information architecture, and wireframe planning on an infinite canvas. You do the thinking here, then take the decisions into Figma.
Get the flows, the research, and the IA on one canvas.
Map by hand or from a prompt, agree the direction, and share it view-only with the team. Free plan, no credit card.