Guides
Every page in Guides, by group.
Guides
- Customizing the UI: Turn parts of the default interface off, swap the toolbar's tools, add your own buttons and menu items, and restyle it.
- Building your own UI: Skip the default interface and drive the canvas from your own toolbar, panels and menus. Everything you need comes from the editor.
- Custom shapes: Add a new kind of shape, from a quick object definition to a full ShapeUtil with handles, resizing rules and editable text.
- Custom tools: Write a tool as a small state machine, handle pointer and keyboard input, and make gestures undo and cancel cleanly.
- Saving and storage: Autosave in one line, store documents wherever you like, keep images out of the document, and know what is saved when.
- Collaboration: Live editing between people and devices. How merging works, how to connect, presence and follow mode, offline edits, and running your own server.
- Sync with Convex: Use your own Convex deployment as the realtime backend and the database for CanvasFlow documents, with your own access rules.
- Plugins and marketplaces: Package shapes, tools and actions as plugins, and share artwork as data-only spec shapes that are safe to accept from anyone.
- Import and export: Images, SVG and files out; files, images, text and links in. Copy and paste that works between tabs and apps, and exports rendered on a server.
- Bundle size: How CanvasFlow keeps your bundle small, what each import costs, and how the budgets are enforced.
- Using with AI agents: Point a coding agent at CanvasFlow and get correct code on the first try. What ships for agents, and how to brief one.