What you can do with MockFlow
Use cases for MockFlow: visualizing meetings and documents with AI, shaping new products, product design, software, strategy, marketing, education, workshops, operations and creative projects.
MockFlow is one visual canvas for many kinds of work. A designer wireframes an app, an engineer maps a system, a teacher builds a lesson and a team runs a retro, all on the same kind of board, with the same components, templates and AI.
It also turns what you already have into boards: a meeting transcript, a document, a photo of a whiteboard or the data in your tools.
Find your area below. Each use case lists what you can make, where to start (a frame, a template or a Concept Builder) and an example of what to ask Mida, the AI on your board.
Find your use case
Area | Use cases |
|---|---|
Visualize a meeting, Visualize a document, Digitize a whiteboard, Turn images into boards, Wireframe a web page, Research a topic, Organize what is already there, Visualize live data, Draw from your code | |
Shape a product idea, Validate it, Scope the first version, Plan the business, Launch and pitch | |
App and website wireframes, Clickable prototypes, User flows and journeys, Design systems, UX research | |
Cloud architecture, Databases and APIs, Sprint planning, Reliability and security, Specs and docs | |
Roadmaps, Prioritization, Goals and planning, Business strategy, Go to market and pricing | |
Campaign planning, Content calendars, Ads and graphics, Brand, Video and podcasts, Email and growth | |
Lessons, Class activities, Notes and writing, Course and training plans | |
Brainstorming, Retrospectives, Meetings, Decision making, Team building | |
Processes and SOPs, Locations and routes, Floor plans and spaces, Engineering and plant diagrams, Events, People and HR | |
Film and video, Games, Books and comics, Travel and events, Health and lifestyle |
How to start from these: a frame is added from Add a frame when you create a board, or from Frames in the tool bar. Templates and Concept Builders open from the tool bar or from the links below. To ask Mida, click AI in the tool bar or press Ctrl+J. See Start your first board.
Visualize information with AI
Give Mida what you already have, a meeting, a document, a photo or your tools' data, and get an organized board you can edit.
Use case | What you give Mida | What you get | How |
|---|---|---|---|
Visualize a meeting | A meeting transcript or your notes | The decisions, owners and open questions as sticky notes, a knowledge graph and a to do list | In Mida, choose + then Visualize Documents, attach the transcript and ask Turn this meeting into a board |
Visualize a document | A PRD, a strategy doc, a brief or Markdown | The document as a mind map, a flowchart, a table or a full board | + then Visualize Documents |
Digitize a whiteboard | A photo of a real whiteboard | Editable sticky notes, shapes and text | + then Digitalize Whiteboards |
Turn images into boards | Screenshots, handwritten notes or a diagram | An editable version on the board, or a wireframe of a screenshot | + then Brainstorm Images |
Wireframe a web page | Any page in Chrome | An editable wireframe of the page, ready to redesign | MockFlow Clippy, the Chrome extension |
Research a topic | A question | A board built from current information on the web | + then Search The Web |
Organize what is already there | Sticky notes, a wireframe or a diagram you select | Ideas sorted into themes, or converted into a table, mind map or flowchart | Select the items and ask Mida, for example Sort these into themes |
Visualize live data | Jira, Slack, Trello, GitHub or Google Docs | Sprints as kanbans, threads as affinity maps, epics as mind maps and timelines | Connections in Mida, for example Show my current Jira sprint as a kanban |
Draw from your code | Your repository, through MockFlow Bridge and your coding agent | Architecture and flow diagrams of the real code | Draw src/onboarding as a flowchart |
Attaching documents and images, and searching the web, need a paid plan. Connections to live data need the Max plan. See MockFlow pricing.
New products and startups
Take an idea from a first thought to a validated plan, with AI collaborators that ask the questions an expert would.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Shape a product idea | A concept board for a product, app or service, built up over several sessions | Frames: Mind map, Whiteboard | Help me shape an idea for a meal planning app |
Validate it | Value propositions, personas, assumptions and competitor maps | Frames: Whiteboard | List the riskiest assumptions behind this idea |
Scope the first version | MVP features, user flows and first screens | Frames: Wireframe, Diagram | Scope an MVP we can build in six weeks |
Plan the business | Business models, pricing and revenue forecasts | Frames: Whiteboard | Draft a business model canvas for this idea |
Launch and pitch | Launch plans, pitches and applications | Frames: Timeline, Document | Plan our Product Hunt launch week |
Product design and UX
Design app and web screens right beside the idea, restyle them in a click, and let AI wire them into a prototype.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
App and website wireframes | Phone, tablet and desktop screens in sketchy, hi-fi or blueprint styles | Frames: Wireframe | Wireframe a banking app home screen |
Clickable prototypes | Linked screens you can play full screen or preview on a phone | Frames: Prototype | Link these screens into a prototype |
User flows and journeys | Flowcharts, customer journeys and service blueprints | Frames: Diagram | Map the onboarding journey for a fitness app |
Design systems | Components, colors and type in one place | Frames: Moodboard | Create a color and type system for a calm wellness brand |
UX research | Personas, card sorts, affinity maps and test findings | Frames: Whiteboard | Group these interview notes into themes |
Software and engineering
Map the system before you build it. Architecture, flows and specs live next to the brainstorm, and your coding agent can draw on the same board.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Cloud architecture | AWS, Azure, GCP and Kubernetes diagrams | Frames: Diagram | Draw our payments service from this repo |
Databases and APIs | ER diagrams, schemas and API designs | Frames: Diagram | Design the database schema for an online store |
Sprint planning | Kanban boards, sprint plans and bug tracking | Frames: Kanban, Timeline | Show my current Jira sprint as a kanban |
Reliability and security | Incident postmortems, threat models and recovery plans | Frames: Diagram, Document | Run a postmortem for last night's outage |
Specs and docs | Technical specs and code blocks next to the diagrams | Frames: Document | Write a spec for the retry policy |
Product management and strategy
Plan what to build and why: roadmaps, priorities, goals and the analysis behind them.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Roadmaps | Now, next, later plans and product roadmaps | Frames: Timeline | Build a product roadmap for the next two quarters |
Prioritization | Impact and effort matrices, MoSCoW and Kano | Frames: Whiteboard | Prioritize these feature ideas by impact and effort |
Goals and planning | OKRs, KPI trees and quarterly plans | Frames: Whiteboard | Draft OKRs for our growth team |
Business strategy | Business model canvas, SWOT, PESTEL and competitor analysis | Frames: Whiteboard | Run a SWOT analysis for our new app |
Go to market and pricing | Launch plans, pricing tiers and forecasts | Frames: Kanban, Timeline | Plan the launch of our new pricing tiers |
Marketing and content
Keep the designs, the video references and the schedule together, and let the team review them in one place.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Campaign planning | Campaign plans, briefs and funnels | Frames: Kanban, Timeline | Plan a month of launch content for Instagram |
Content calendars | Social and blog calendars | Frames: Timeline | Turn this blog post into a week of social posts |
Ads and graphics | Social posts, posters, banners and display ads | Frames: Design | Design three banner ads for our summer sale |
Brand | Brand strategy, positioning and guidelines | Frames: Moodboard | Create a moodboard for a coffee brand |
Video and podcasts | Video briefs, storyboards and production plans | Frames: Whiteboard | Storyboard a 30 second product video |
Email and growth | Email sequences, referral and loyalty programs | Frames: Document | Plan a five email welcome sequence |
Education and training
Build a lesson in minutes with pictures and diagrams, then run a poll or a quiz with the class.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Lessons | Lesson boards with mind maps, pictures and diagrams | Frames: Mind map, Whiteboard | Make a lesson board on ecosystems with a class poll |
Class activities | Polls, upvotes, quiz apps and timers for group work | Frames: Whiteboard | Add a five question quiz about the water cycle |
Notes and writing | Class notes and writing frameworks | Frames: Document | Summarize this chapter as class notes |
Course and training plans | Course plans, curricula and training programs | Frames: Timeline | Plan a six week onboarding course for new hires |
Meetings, workshops and retros
Warm up with a game, vote on ideas, keep time, and leave with a sorted plan everyone saw being made.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Brainstorming | Idea sessions with sticky notes, votes and proven techniques | Frames: Whiteboard, Mind map | Run a SCAMPER session on our onboarding flow |
Retrospectives | Retros with timers, votes and action items | Frames: Whiteboard | Set up a sprint retro with a 5 minute timer |
Meetings | Agendas, stand ups, notes and decisions | Frames: Document, Whiteboard | Turn this meeting transcript into a board |
Decision making | Matrices and frameworks to choose together | Frames: Whiteboard | Help us decide between these three vendors |
Team building | Team canvases, charters and games | Frames: Whiteboard | Add a quick icebreaker game for eight people |
Operations and processes
Map your locations, plan the routes, and keep the checklists and weekly tasks right beside them.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Processes and SOPs | Process maps, BPMN diagrams and standard operating procedures | Frames: Diagram, Document | Map our purchase approval process |
Locations and routes | Maps with pins, regions and delivery routes | Frames: Whiteboard | Map our 10 stores and plan the delivery route |
Floor plans and spaces | Layouts for homes, offices, shops and events | Frames: Floor plan | Lay out a 40 seat cafe with a counter and a queue |
Engineering and plant diagrams | P&ID, network and plant workflow diagrams | Frames: Diagram | Draw a network diagram for our two offices |
Events | Event plans, schedules and checklists | Frames: Timeline, Kanban | Plan a two day company offsite |
People and HR | Onboarding, talent reviews and policies | Frames: Kanban, Document | Create an onboarding checklist for new hires |
Creative and personal projects
Shape stories, games and personal plans with storyboards, maps and AI collaborators that know the craft.
Use case | What you make | Start from | Ask Mida |
|---|---|---|---|
Film and video | Storyboards, screenplays and shot lists | Frames: Whiteboard | Storyboard the opening scene of a short film |
Games | Game design, levels and worldbuilding | Frames: Whiteboard, Mind map | Design the first level of a puzzle game |
Books and comics | Story outlines, characters and covers | Frames: Mind map, Design | Outline a fantasy novel in three acts |
Travel and events | Itineraries, trips and celebrations | Frames: Timeline | Plan a five day trip to Lisbon |
Health and lifestyle | Meal plans, fitness programs and routines | Frames: Kanban, Timeline | Make a four week beginner running plan |
Explore more
Browse all templates in the template library.
Meet every AI collaborator in the Concept Builders library.
Compare what each plan includes on MockFlow pricing.