App Builder guides
Step-by-step guides for designing mobile and web screens in Canvasola App Builder: layout concepts, wireframes, flows, components, auto-layout, constraints and handoff.
- App Mockup Tool: What to Look for and When to Use One
- How to Create a User Flow Diagram From Real Screens
- How to Design a Bottom Navigation Bar That Stays Simple
- How to Design a Dashboard Layout That People Read
- How to Design a Data Table in a Mockup People Can Read
- How to Make a Login Screen Design That Actually Works
- How to Design a Mobile App Form That People Finish
- How to Design a Mobile App Screen in Canvasola
- How to Design a Responsive Web Layout That Reflows
- How to Design a Settings Screen People Can Follow
- How to Design an Empty State That Guides the User
- How to Design an Onboarding Flow That Earns Trust
- How to Create a Design System for Mockups in Canvasola
- How to Make a Wireframe for a Web App
- How to Make an App Wireframe Without Wasting Time
- How to Show a Multi Screen App Flow to Stakeholders
- How to Prototype an App Idea Before You Build It
- How to Build an App Prototype Without Code in Your Browser
- Wireframe Tool: How to Choose One That Fits the Job
Mind mapping guides
How to build useful mind maps in Canvasola: branching rules, color, layouts, notes, links, layers, and the habits that separate a useful map from decoration.
- How to Mind Map a Book and Keep Only What Matters
- How to Mind Map a Chapter So You Actually Remember It
- How to Collapse Mind Map Branches and Keep the Overview
- How to Think Visually and Put the Problem on One Page
- How to Mind Map a Lecture While It Is Happening
- How to Branch a Mind Map So the Structure Stays Clear
- How to Use Mind Map Colors Without Making a Mess
- How to Draw Cross Links in a Mind Map Between Any Two Nodes
- Mind Map Examples: Five Finished Maps, Explained
- How to Use Mind Map Layers to Split a Big Topic
- How to Add Mind Map Notes to a Node and Find Them Later
- How to Use Mind Maps for Focus on One Task at a Time
- Radial vs Tree Mind Map Layouts: How to Choose
- How to Mind Map a Semester and See the Whole Course
Mind map use cases
Guides for specific jobs a mind map can do: essay planning, revision, meetings, project plans, retrospectives, research, job interviews, and more.
- Board Meeting Mind Map: From Agenda to Decision
- How to Make a Book Summary Mind Map That Teaches
- Budget Mind Map: Make Every Category Show Its Assumptions
- Mind Map for Client Presentation: One Branch per Slide
- Medical History Mind Map: Organize What You Need to Share
- How to Use a Mind Map for Thesis Planning and Research
- How to Build a Mind Map for Your Business Plan
- Fitness Goal Mind Map: From Target to Weekly Sessions
- How to Make a Mind Map for Job Interview Prep
- Mind Map for Language Learning: A Vocabulary Method
- Mind Map for Lecture Notes: Capture Claims, Not Transcripts
- A Plot Mind Map for a Novel That Tracks Consequences
- Research Topic Mind Map: A Plan for Your Literature Search
- How to Use a Mind Map to Test a Startup Idea Before Building
- Travel Itinerary Mind Map: Plan One Branch per Day
- Wedding Planning Mind Map: Budget, Timeline, Owners
Template guides
Guides that start from a proven Canvasola template and adapt it: project plans, study notes, brainstorming, SWOT, business models, meeting notes and more.
- How to Make a Brainstorm Map That Leads to a Decision
- Business Model Canvas Mind Map in Canvasola: Step by Step
- Essay Planning Mind Map: Turn a Question Into an Argument
- Meeting Notes Mind Map Template: Capture Decisions, Not Chatter
- How to Make a Product Spec Mind Map in Canvasola
- Project Plan Mind Map Template: How to Adapt It
- Reading List Mind Map: Track Sources by Question, Not Title
- How to Make a Retrospective Mind Map Your Team Uses
- A Mind Map Template for Studying That Actually Tests You
- SWOT Analysis Mind Map: Getting Past the Four Boxes
Canvas and sketching
Guides for the freeform canvas: drawing with brushes, building diagrams from shapes, layering elements, splitting the view and turning a sketch into a shared explanation.
- How to Annotate a Document: Draw Marks in a Browser
- How to Combine Drawing and Mind Mapping in One File
- How to Draw a Flowchart by Hand in a Browser Tab
- How to Draw in Your Browser: A Beginner Guide
- How to Draw Shapes in a Browser: Fill, Stroke and Blend
- Free Online Drawing Tools: What You Get for Free
- Best Freehand Drawing App for PC: Where Canvasola Fits
- How to Make a Diagram Online Without a Paid Tool
- How to Make a System Diagram Without a Diagramming Suite
- How to Sketch a UI on a Whiteboard (Then Build It)
3D layer stack
Guides for the layered 3D view: splitting a map into layers, moving between planes, tracing cross-layer links and using the stack for architecture and strategy.
- Choosing a 3D Concept Map Tool: What to Check
- 3D Mind Maps: What a Layered 3D View Actually Shows
- Figma Alternative for 3D Diagrams: An Honest Comparison
- How to Make a Layered Mind Map: A Step-by-Step Guide
- How to Separate Data and Product Layers in a Mind Map
- How to Use the 3D Layer Stack: Cameras, Explode, Trace
Workflow and productivity
Guides for working faster in Canvasola: workspace tabs, split view, version history, the command palette, zen mode, keyboard shortcuts and autosave.
- Keyboard Shortcuts for Mind Mapping That Save Time
- How to Use the Canvasola Command Palette (Ctrl+K)
- Organizing a Whiteboard Without Gridlines or Sticky Notes
- How to Name Your Files When the App Names Tabs for You
- How to Organize Multiple Canvases in Canvasola
- Presenting a Mind Map: A Slide-by-Slide Walkthrough
- Searching a Mind Map: Find Any Node in Seconds
- How to Undo Mistakes in Canvasola Without Losing Work
- How to Use Split View in Canvasola (Two Canvases)
- Focus Mode in Canvasola: How to Draw Without Clutter
Export and import
Guides for getting work out of Canvasola and back in: PNG, JPG, SVG, Markdown, OPML, JSON, HTML/CSS, .canv projects, backups and file naming.
- Backing Up a Canvas App Without Losing a Single Node
- Exporting App Mockups: PNG, JPG, JSON and HTML Compared
- How to Export a Mind Map as an Image in Canvasola
- Mind Map Markdown Export: Nested Lists You Can Reuse
- How to Export a Mind Map to PDF (Without a PDF Button)
- Importing a Mind Map From a Document, Step by Step
- Moving a Project Between Devices: Files, Cloud and Limits
- What Is an OPML File? Exporting Mind Maps With It
Offline and install
Guides for using Canvasola without a connection: installing the app, checking the service worker, planning for airplane mode, and keeping local data safe.
- Best Free Offline Whiteboard: Canvasola and Alternatives
- Best Offline Mind Mapping App: Tools That Really Work
- How to Install a Web App and What Actually Changes
- How to Install Canvasola on Your Phone (iOS and Android)
- Offline-First Design Tools: What the Term Actually Means
- Working Offline on a Plane: The Pre-Flight Checklist
Design foundations
Guides on the thinking behind a good layout: information hierarchy, spacing, grid, typography, alignment, responsive constraints, design systems and review checklists.
- How to Design an Admin Dashboard Layout
- How to choose typography for a UI without guesswork
- How to Choose a Color Palette for an App
- Design system components: build a small set that repeats
- How to build an app layout concept in Canvasola
- How to review a wireframe before you build it
- Information hierarchy in UI design, applied to mockups
- Mobile app layout design: a practical screen structure
- Responsive design constraints: make one layout work wider
- Spacing in UI design: the 8-point grid in practice
Comparisons
Honest, specific comparisons with other whiteboards, mind map tools and mockup software: where each one fits, and who should choose what.
- A Balsamiq Alternative for Mockups With Real Layout Rules
- The best free mind mapping tools, honestly compared
- The best offline whiteboard app for real work
- A Figma alternative for wireframes and app mockups
- A Figma Alternative for Wireframes That Works Offline
- Looking for a Miro alternative? Start with what you need
- An XMind alternative for browser-first mind mapping
Floor plan guides
Guides for the Canvasola floor plan builder: drawing rooms with names and types, placing doors and windows on room edges, sizing spaces in metric or imperial, using the 70 templates and exporting a plan as an image, vector file, room schedule or printout.
- How to Design a Small Apartment Floor Plan That Fits
- How to Export and Print a Floor Plan (PNG, SVG, PDF)
- 70 Floor Plan Templates: What Each One Is Good For
- How to Plan a Floor Plan: A Step-by-Step Guide
- How to Plan a House Layout That Works Day to Day
- How to Plan an Office Layout for the Work You Actually Do
- How to Measure and Size Rooms for a Floor Plan
- How to Place Doors and Windows in a Floor Plan
- How to Read and Review Someone Else's Floor Plan
- What a Floor Plan Can and Cannot Tell You
Mind map fundamentals
The fundamentals: what mind maps are for, how to start one, how to read one, how to review one, and how they compare with outlines, concept maps and note apps.
- Mind Map Mistakes That Ruin a Map, and the Fix
- How to Make an Effective Mind Map: Five Rules
- How to Keep a Mind Map Current as the Topic Moves
- How to Make a Mind Map in Five Steps That Work
- Mind Map Size: How Many Branches Should One Have?
- Mind Map vs Concept Map: Which One Do You Need
- Mind Map vs Outline: When Each Format Works Better
- How to Read a Mind Map Someone Else Made for You
- How to Review a Mind Map Before You Rely on It
Start with one guide, then open the app.
Every guide in this index is written against the current version of Canvasola, so you can follow the steps and check the result in the product.