How to use Canvasola: a complete beginner guide

Most canvas tools ask you to choose a template, create an account, or learn a complicated layer system before you can do anything useful. Canvasola takes the opposite approach. You get one canvas, a small set of tools, and a direct path from a thought to something visible.

That simplicity can hide useful depth. The same app contains structured mind mapping, freehand drawing, notes, images, app mockups, workspace tabs, local autosave, project files and several export formats. This guide explains how those pieces fit together and when to use each one.

The interface, without the guesswork

Canvasola has five main areas. You do not need to memorize them, but knowing where each one lives makes the app much faster to use.

• Top bar: File menu, undo and redo, version history, quick actions, zoom controls, autosave status, zen mode, layers, and the shortcuts sheet.
• Workspace tabs: separate canvases in one browser tab, plus a split-view button for comparing two canvases.
• Left toolbar: select, draw, shapes, text, mind map, App Builder, eraser, fill, stroke, appearance, typography, pan and clear.
• Canvas: the infinite workspace where every element lives.
• Right panel: layers, selection properties, and context-specific controls when a mind map or app frame is active.

The File menu is the control center for durable work. It contains New Canvas, Open Project, Save Project, optional cloud projects, print, and the export commands. Export options change depending on what you are doing: a regular canvas exposes PNG, JPG and SVG, a mind map exposes outline and Markdown/OPML tools, and App Builder exposes mockup-specific exports.

Build a mind map from one central idea

A mind map is the fastest way to see whether an idea has structure. Canvasola creates a real mind-map object rather than asking you to draw boxes and connect them by hand, so you can add, move and reorganize branches without redrawing the diagram.

1. Create the map

   Click Mind map in the left toolbar. Canvasola places a central node near the middle of your view and opens the label editor. Type the subject, question or outcome, then press Enter. Keep it specific: “Plan the October community workshop” is more useful than “Workshop”.

2. Add the first branches

   With the central node selected, press Tab to add a child. Type the branch label and press Enter. Press Shift+Enter when you want a sibling at the same level. Start with the few categories that genuinely divide the problem: outcome, audience, format, promotion, logistics, risks and next actions.

3. Expand only where detail earns its place

   Select a branch and keep pressing Tab to add detail beneath it. Short labels are easier to scan. If a thought needs a paragraph, use a node note rather than turning the map into a wall of text.

4. Use the node context menu

   Right-click a node, or long-press on touch, to reach actions that are easy to miss: add a child or sibling, edit the label, change color, add an emoji, attach an image, add a drawing, add a rich note, create a cross-link, or delete the node. These are the tools that make the map useful rather than merely visual.

5. Make relationships visible

   Use Create cross-link when one branch affects another. For example, a risk may change the timeline, or an audience constraint may change the format. A conventional outline cannot show that relationship without duplicating the idea.

6. Clean up the shape

   Press L to switch the layout, A to auto-arrange, F to fit the map to the view, and M to toggle the minimap. Press O for the accessible outline, which is also a fast way to review the hierarchy without moving around the canvas.

Mind-map shortcuts worth keeping

For the full set, including 3D layer navigation and App Builder keys, see the Canvasola keyboard shortcut cheat sheet.

Sketch, annotate and mix methods

A mind map is not the only useful thing on a canvas. Sometimes a rough arrow, a circled risk or a hand-drawn diagram communicates more than another node. Canvasola keeps those methods in the same workspace.

• Draw (B): choose the smooth pen, calligraphy, web or crayon brush from the flyout. Use freehand marks for emphasis, sketches or connectors that should not look machine-made.
• Shape (U): add rectangles, ellipses, polygons, lines, arrows, stars and other shapes. Fill, stroke and appearance controls are in the left toolbar.
• Text (T): place a text block anywhere on the canvas. Use this for headings, captions, assumptions and short notes that are not part of the mind-map structure.
• Select (V): move, resize and style elements. The floating selection toolbar exposes fill, stroke, size, duplicate, layer order, lock and delete.
• Eraser (E): remove brush strokes without deleting everything underneath them.
• Pan (H): move around the infinite canvas. A middle-click drag also pans on desktop, and Ctrl or Cmd while scrolling zooms around the pointer.

This mix is particularly useful for a working session. Put the structured map in the center, sketch a rough flow beside it, and place a text block with the decisions the group agreed on. The canvas becomes a thinking artifact rather than a diagram with one correct format.

When to use the 3D layer stack

Mind maps can have depth as well as branches. Press 3 to open the 3D layer stack, where layers are arranged as cards you can orbit, pan and zoom. Press 2 to edit a selected layer flat in 2D or return to the stack. This is optional: use it when a map genuinely has layers, such as a strategy map with goals, initiatives and evidence, not because 3D looks impressive.

Use workspace tabs and split view

The workspace tab bar lets you keep several canvases open in the same browser tab. Use the plus button to add a canvas and the close button on a tab to remove it. Each canvas is saved separately in the browser.

The split-view button shows a second canvas beside the active one. Click the preview to switch editing focus. This is useful for comparing two versions of a plan, keeping a reference map visible while you build a new one, or moving between a project canvas and a study canvas without losing your place.

Tabs are a convenience, not a project file. If you save a project while one tab is active, the `.canv` file represents that canvas. Name and save important tabs separately if you need a durable archive of each one.

Save, reopen and back up your work

Canvasola has three different layers of persistence, and they solve different problems.

1. Autosave keeps the current canvas in your browser and updates the status indicator to “Saved locally”. It protects you from a refresh or a short interruption, but it lives inside that browser profile.
2. Save Project (.canv) downloads a portable Canvasola project file. It includes the current canvas, its mind map, App Builder project and camera position. Open it later with File → Open Project or Ctrl+O.
3. Cloud projects are optional and account-based. They are useful when you want a copy outside the current browser, but they are not required for local work and they need a connection.

Project files can be up to 50 MB. Use the Ctrl+S shortcut for a quick save and give important files a descriptive name outside Canvasola. A simple convention works well: project-name_2026-10-20.canv. Keep the previous version until you have checked the new one.

If you use images in a mind map, choose files below 1.5 MB. Canvasola deliberately rejects larger images for offline-safe node storage. Resize or compress the image first, and prefer a simple diagram or screenshot over a full-resolution photo when the image is only there as reference.

A first look at App Builder

The App Builder is a separate mode for mobile and web mockups. Open it from the Builder tool in the left toolbar or from the welcome screen. You can start with a blank mobile or web frame, or browse more than 50 ready-made screen templates.

The workflow is deliberately close to a design tool: drag components from the palette onto a frame, edit text directly, use the inspector for typography, color, spacing, constraints and auto-layout, then connect frames with each frame’s “On tap go to” prototype link. Present screens steps through the frames in order or follows the link you defined.

App Builder exports PNG, JPG and JSON, and can generate a static HTML/CSS preview. It is a mockup and wireframe tool, not a production app builder: the HTML export is useful for review or handoff, not a substitute for an application codebase. Saving the project as `.canv` keeps the mockup in the canvas document so you can reopen it later.

Read the full App Builder mockup tutorial for a worked three-screen example, component choices and a handoff checklist.

Choose the right export

Exports are one of the easiest places to lose time. The right format depends on whether the next person needs to edit, present, print or archive the work.

For mind maps, Export Mindmap Markdown is especially useful when the map needs to become a document, and Export Mindmap OPML is a sensible interchange format for outliners. If the map is going into a slide deck, export PNG or SVG instead of taking a messy screenshot.

The File menu also offers Print current view. Use it for a physical planning session or a quick review sheet, and check the print preview before committing to paper.

A complete workflow: messy notes to a plan

Here is a realistic way to use the app from start to finish. The task is to turn a page of workshop notes into a plan the group can act on.

1. Create a working canvas

   Open a new canvas and add a title text block with the project name. Add the meeting date and the question the group is trying to answer. This prevents the canvas from becoming an anonymous pile of shapes.

2. Map the material before organizing it

   Create a mind map with the workshop goal at the center. Add branches for audience, format, promotion, logistics, budget, risks and next actions. Paste or retype the important points under each branch. Do not stop to make everything symmetrical.

3. Mark the decisions and gaps

   Use node notes or text blocks for decisions, assumptions and unanswered questions. Add a cross-link when a risk affects the timeline, or when an audience constraint changes the format. The map is now a record of reasoning, not just a list of topics.

4. Turn the map into an artifact

   Export the mind map as Markdown for the written plan and as PNG for the review deck. If the group needs a portable outline, export OPML. Keep the map itself in the canvas for the next working session.

5. Save the source and the output

   Save the canvas as a `.canv` file, then store the Markdown and image exports beside it. The `.canv` file is the editable source; the exports are snapshots for other tools and people. This is the difference between a recoverable project and a set of files that only makes sense today.

Common mistakes to avoid

• Treating the mind map as the final plan. A map shows relationships; a plan still needs owners, dates, dependencies and a definition of done.
• Creating a branch for every thought. Too many first-level branches usually means the categories are not doing their job. Group related ideas before adding more.
• Relying only on local autosave. Browser storage is convenient, not archival. Save a project file for work you would be upset to lose.
• Saving only one tab. If you keep several canvases open, save each important one as a separate project file.
• Using full-resolution images. The 1.5 MB limit exists to keep offline storage practical. Compress reference images before adding them.
• Mixing unrelated work on one canvas. Use tabs for separate projects and split view for comparison. A canvas with everything becomes a canvas with no focus.

Frequently asked questions

Do I need an account to use Canvasola?

No. You can open the app, work on a local canvas, save a `.canv` file and export your work without signing in. An account is only relevant when you choose to use cloud projects.

Is Canvasola really offline?

Yes, after the app has loaded once. It is a progressive web app, so the app shell and assets are cached for offline use. Local editing, local saving and exports continue without a connection. Cloud projects and account actions require a connection. The offline guide covers installation and backup in detail.

What happens when I open a project file?

The file replaces the current canvas in the app. Save the current canvas first if you need it. Then use File → Open Project (.canv) and select the file.

Can I export a mind map as text?

Yes. Use File → Export Mindmap Markdown for a document-friendly outline, or Export Mindmap Outline for a simple indented text file. OPML is available for outline tools.

Can I use Canvasola on a tablet or phone?

Yes. The app has touch controls and a responsive toolbar. For precise work, a larger screen is more comfortable, but the core canvas, mind-map and App Builder flows are available on touch devices.

Keep reading: use the command palette instead of hunting for tools · organize multiple canvases and workspace tabs · recover from a mistake with version history · browse every guide in the library