BioAnno
Layers
Properties

Page mm

Transform mm

Align

Arrange

Text

Font Size

Appearance

Fill
Stroke
Width
Heads
Scale
Opacity

All text

svguest: I once paid for Adobe, then fell for open-source Inkscape, but at heart I've always loved lightweight tools, ideally ones that run right in the browser; now that AI is here, we can hand-craft the manual parts of our workflows exactly the way we want.

Shortcuts and tips

Select

Click
Select what is under the pointer (outlined as you hover)
Right-click
Menu of common actions
Shift+click
Add to or remove from the selection
Ctrl+click
Select its whole group
Drag on empty
Box select everything the box touches (also on a page background); with Ctrl, whole objects; Shift+drag adds, and also starts over objects
Alt+drag on empty
Box select only what is fully inside; View › Box select touches swaps the two
Alt+click
Select the object below; again to go deeper
Esc
Select the enclosing group, then nothing
Ctrl+A
Select all in the group; Ctrl+Shift+A deselects

Move and resize

Drag
Move, also by the centre dot; snaps to the page and objects (Ctrl: off); Shift: 45°
Alt+drag
Move a copy; Ctrl+D repeats
← ↑ → ↓
Nudge 0.1 mm; with Shift 1 mm
Corner handle
Scale (Shift: freely); click it, or double-click a shape, to drag single points
Side handle
Stretch; on text, re-wrap at that width
Other handles
Rotate (Shift: 15°), round a rectangle's corners, move a line's ends (they snap to objects; Shift: 45°), bend it by the diamond in its middle (Shift: symmetric; back onto the line straightens it)

View

Wheel
Scroll (Shift: sideways), or drag the scrollbars
Ctrl+wheel
Zoom (also Alt+wheel, or pinch)
Drag to an edge
Scrolls the view while you move, size or box select
Space+drag
Pan (or the middle button)
Ctrl+0
Fit; Ctrl+1 actual size, Ctrl+= Ctrl+- zoom
Zoom box
Bottom right: type a %, pick one, or drag the slider
Ctrl+R
Rulers: click to pin a guide, click its mark to remove it; Ctrl+' grid
Ctrl+Shift+L
Layers (also F7, or the button at the canvas's top right): every object, front first; click one to select it, click it again to edit its properties in a window
Properties tab
Above the Layers tab: hides or shows the side panel (also View › Properties)
?
This help; Ctrl+K search and run any command

Draw

V T
Select (also Esc); text: click to type or to edit
M L \
Rectangle, ellipse, line; Shift: square, circle, 45°
A B
Arrow, inhibition (blunt end), in one button with the line; ends snap to objects' points and outlines (Ctrl: off) and stay attached as the objects move; moving the arrow itself detaches it; Heads and Scale in Appearance set each end
W E {
Wedge (drag from the thin end), elbow connector (attaches like an arrow; its diamond moves the middle), brace (drag along what it groups: left to right points up)
I
Eyedropper: click an object to give the selection its style; Alt+click gives an object the picked style
C
Crop a photo: click it, drag the handles; Enter applies, Esc cancels
Swatches
Fill and stroke of the selection, or of new shapes; Shift+X swaps, D sets none and black, / removes the one in front

Text

Double-click
Edit in place; Enter new line, Esc finishes
Text panel
Or edit the selected text in the box at the top of the Text panel; the canvas follows as you type
Part of a text
Select characters while editing, then set Size, Font, Color, B, I, X² or X₂
Ctrl+Shift+=
Superscript while editing; with Alt, subscript
Ctrl+Shift+.
Size up 1 pt; Ctrl+Shift+, down
Left/Center/Right
Anchor the text; it stays in place
Font
Also lists this computer's fonts (Chrome and Edge ask once)

SVG Chat

Model
Beside Send: the model that draws, its thinking, and which model reads images (Auto: the drawing model when it can, else one that can)
Models and keys
Your GLM or DeepSeek API key, tested when entered; TBtools' model needs none
Enter
Send; Shift+Enter new line
Chats
svguest opens on a new chat; the title switches to an earlier one, renames or deletes it; each is kept in this browser (Kept in this browser… saves them as files) and the AI reads only the current one; near the model's context limit a chat is summarised and continues in a new one
Attach
An image to redraw or a text file to draw from (or paste, drop)
Selection
Select objects first to ask about them or have them changed in place
Retry
Under the latest drawing: ask again, with this model or another
Long replies
Cut off at the token limit, they continue automatically, up to 3 times
Waiting
A seconds counter shows it is working; Stop cancels

File

Ctrl+O
Open an SVG; a PNG or JPG is placed
Open recent
The last 10 files as you left them, copied into this browser as you work (File › Auto-save turns it off; Auto-save to a folder, in Chrome or Edge, also writes them into a folder you pick); Kept in this browser… saves the copies as files
Ctrl+Shift+P
Import into this canvas (also Ctrl+I)
Ctrl+S
Export SVG, later to the same file; Ctrl+Shift+S to a new one
Ctrl+P
Vector PDF through the print dialog (best in Chrome or Edge)
Drop a file
An SVG opens or is imported; an image is placed
File menu
New; PNG or JPG at 300 or 600 dpi on white, with the dpi stored (JPG at top quality)

Edit

Ctrl+Z
Undo; Ctrl+Shift+Z or Ctrl+Y redo; Edit › History lists the steps
Ctrl+C X V
Copy, cut, paste (also images and SVG text)
Ctrl+F B
Paste in front of or behind the selection; Ctrl+Shift+V in place on top
Ctrl+D
Repeat the last move, scale or rotation
Ctrl+H
Find and replace text in the figure (not in pictures)
Delete
Delete
Select menu
All text, or all with the same fill or stroke

Arrange

Ctrl+G
Group; Ctrl+Shift+G ungroups one level, Ctrl+Alt+Shift+G (or Alt+click Ungroup) all
Ctrl+Shift+]
Bring to front; Ctrl+Shift+[ send to back
Ctrl+]
Forward; Ctrl+[ backward
Home End
Front, back; PgUp PgDn one step
Ctrl+2
Lock: clicks and boxes pass through; Ctrl+Alt+2 unlocks all

FigKit

Size each
Give every selected object the same width or height, in proportion or stretched
Grid, align, space
Columns and gaps; edges or centres; the same gap, equal gaps or a total length; outlined before anything moves
Positions
Record where objects sit and put others there; swap two
Labels, frames
A, B, C… and rectangles that follow their panels; run again to update them
Scale bar
From the pixel size you enter; redrawn when the picture changes
Zoom inset
A box on a picture and its region enlarged; drag the box to change it
Pseudocolor
Tint grayscale pictures with a display range; merge 2 to 7 channels

On a Mac, ⌘ works in place of Ctrl. Everything runs in your browser; only what you send to the AI leaves it.

mm

Kept in this browser

Open recent
SVG Chat

A web page can't write files to your disk by itself, so svguest keeps these inside this browser, in its own storage for this site (IndexedDB databases sgDocs and sgChats), not in a folder: the browser keeps them in its profile in a form other apps can't open. Save as files downloads them as a .zip: the SVG copies, or each chat as a web page with its figures.

Each browser, private window, TBtools and downloaded copy of svguest keeps its own; clearing this site's data in the browser deletes them. File › Auto-save turns the copies of open files on or off; in Chrome or Edge, File › Auto-save to a folder also writes the open file into a folder you pick, with your permission.