BioCanvas
User guide

Learn BioCanvas

Everything in the editor's left-hand toolbar, in the order you'll meet it — from your first heading to exporting a finished figure.

01

Getting started

From My Websites (your dashboard), start a blank canvas or open an existing project. Inside the editor, every tool lives in the left-hand toolbar; its options open in the panel directly beside it. The canvas in the middle is your figure — everything you place on it stays a normal, selectable, editable object, nothing is flattened until you export.

First time in the editor? A short on-screen tour walks through the main tools automatically. You can take it again any time from the "?" icon next to Save in the header.

Screen recording: the My Websites dashboard, opening a project's templates, and landing in the editor on that project
Dashboard → project → editor.
02

Templates

Use Add from template in the Pages panel to start from a pre-built layout — journal figure panels, poster layouts, slide decks, CONSORT-style trial flows, mechanism diagrams, and more. Search or filter by category, then pick one to add it as a new page. A template pre-fills structure and placeholders; every element in it is still fully editable, exactly like something you built by hand.

Screen recording: opening the Add a page from a template dialog, browsing the template gallery, and selecting the CRISPR-Cas9 gene editing template which loads as a new page
A real starting point, not a blank page.
03

Text

Add headings (H1–H5), body paragraphs, or an overline label. Pick font, size, weight, alignment and colour from the same panel. Double-click any text on the canvas to edit it in place.

Screen recording: opening the Text panel, adding a Heading h1 to the canvas, then selecting it to show its editable properties
Pick a style, place it, edit it in place.
04

Shape

Search the reviewed bio-asset library by keyword, or browse basic shapes and connector lines by category — rectangles, dividers, arrows — for boxes, brackets, and annotation lines around your figure's real content. Every shape placed is a normal, editable object: reposition it, recolour it, or open its full property panel.

Screen recording: opening the Shape panel, browsing the Basic Shapes categories, placing a rectangle on the canvas, then selecting it to show its editable colour, position and opacity properties
Search or browse, place, then edit like any other object.
05

Image

Upload your own photo, screenshot, or chart export, or generate an image with AI from a text prompt. Uploaded images can be cropped, masked and layered like anything else on the canvas.

Screen recording: opening the Image panel, switching to the Library tab, and placing a photo onto the canvas
My Images, Library, Pixabay, or AI — one panel.
06

Background

Set the canvas background to a solid colour, gradient, or pattern. Background changes apply per page, so a multi-page figure can mix, for example, a white journal panel with a dark title page.

Screen recording: opening the Background panel and applying a solid colour to the canvas background
Solid, gradient, pattern, or image — per page.
07

AI Text

Describe what you need in a single prompt — a figure caption, a panel label, a methods sentence — and get drafted text back, ready to drop onto the canvas and edit. Requires an OpenAI key configured by your workspace admin; without one, the panel tells you so rather than failing silently.

Screen recording: opening the AI Text panel and entering a prompt describing a figure caption for a bar chart
One prompt in, drafted text out.
08

Compose

The fastest way to start a figure. Instead of searching the illustration library piece by piece, describe the biology in plain language — drug binds the receptor to inhibit the enzyme, stem cells differentiating into neurons — and Compose assembles matching, correctly labelled illustration groups onto the canvas in one step.

Nothing here is generated pixel-by-pixel: Compose is a keyword-and-model-driven match against the same reviewed illustration catalogue you'd search manually. Every placed group is a normal, selectable, draggable object afterwards — move it, recolour it, relabel it, or delete pieces you don't need.

  • Pick a model from the AI model dropdown, or leave it on Auto.
  • No API key configured falls back to fast keyword matching — still useful, just less nuanced on ambiguous prompts.
  • Use the suggestion chips for a quick example, or write your own description naming the actual entities involved.
Screen recording: opening the Compose panel, selecting the drug-and-receptor prompt, composing the draft, watching three labelled illustration groups assemble on the canvas, then selecting and repositioning one of the placed groups before opening the layers panel and the export dialog
A figure built from a sentence, not a search.
09

Chart

Paste a data table (or type one in) and pick a chart type — bar, grouped bar, line, scatter and more. The result is a real vector chart, not an image: axis labels, colours, and error bars stay editable after it's placed.

Screen recording: opening the Insert a chart panel, loading sample data, and adding a bar chart to the canvas
Paste data, pick a type, get a real vector chart.
10

Diagram

Build flow diagrams — pathway maps, CONSORT-style participant flow, mechanism diagrams — from ready-made nodes and connectors, or drop in a one-click structural diagram like a CONSORT flow and edit its labels.

Screen recording: opening the Diagram panel and inserting a one-click CONSORT participant-flow diagram onto the canvas
Nodes and connectors, or a one-click flow.
11

Match style

Have a reference figure — a published paper, a lab style guide — you need to match? Match style lifts the colour palette from a reference image and applies it to elements already on your canvas, so a figure drawn from the library can still land looking consistent with the rest of a manuscript.

Screen recording: selecting an asset on the canvas, dropping a reference image to read its colour palette, and applying the matched style to the selected asset
Select an asset, drop a reference, apply the palette.
12

Overlay

Add annotation layers on top of your figure — arrows, highlight boxes, call-out labels — without disturbing the content underneath. Useful for marking up a figure for a reviewer or a talk.

Screen recording: opening the Overlay panel and adding a translucent annotation overlay on top of the figure
Annotate on top, without touching what's underneath.
13

YouTube thumbnail

Paste a YouTube video URL to pull that video's actual thumbnail image onto the canvas — a fast way to build a companion graphic or a "now on YouTube" card around a lab talk or demo you've already published. Requires a YouTube API key configured by your workspace admin.

Screen recording: opening the YouTube Thumbnail panel and entering a YouTube video URL to fetch its thumbnail image
Pull a real video thumbnail straight onto the canvas.
14

Pages

A single project can hold multiple pages — panels of a multi-part figure, or slides of a short deck. Use + Add page for a blank one, or Add from template to start the new page from a layout. Reorder pages from the page strip at the bottom of the canvas.

Screen recording: the page strip at the bottom of the canvas, clicking Add page to append a new blank page to the project
Every project can hold more than one page.
15

Export

The download icon in the header opens the export dialog: PNG, JPG, or PDF, at the resolution you need for a journal submission, a poster print, or a quick web share.

Screen recording: clicking the download icon in the header, opening the export dialog with PNG, JPG and PDF format options
PNG, JPG, or PDF — pick a format and go.
16

Account & saving

Save icon in the header saves your project at any point — nothing is lost between sessions. My Websites in the top-left is your project dashboard; Media Library holds everything you've uploaded, across every project.

Screen recording: clicking Save in the editor header, showing a Template saved successfully confirmation, then the My Websites dashboard listing saved projects
Save, then find it again from My Websites.