# VibeFlow Canvas

## Docs

- [Canvas and frames](https://canvas-docs.vibeflow.ai/concepts/canvas-and-frames.md): The two units you work with every day. Everything else is built on these.
- [Design systems](https://canvas-docs.vibeflow.ai/concepts/design-systems.md): Lock palette, typography, and components as rules. Every frame inherits them.
- [Inline edit](https://canvas-docs.vibeflow.ai/concepts/inline-edit.md): The AI Pointer. Click any element on any frame, drop a one-line note, ship.
- [The chat and the agent](https://canvas-docs.vibeflow.ai/concepts/the-chat.md): The agent loop. How it plans frames, what tools it calls, what context it sees.
- [Keyboard shortcuts](https://canvas-docs.vibeflow.ai/editor/keyboard-shortcuts.md): Every keystroke the canvas editor responds to.
- [Editor overview](https://canvas-docs.vibeflow.ai/editor/overview.md): The full editor UI map. Toolbar, sidebars, chat, viewport.
- [Exports overview](https://canvas-docs.vibeflow.ai/exports/overview.md): Every format the canvas ships. What's editable, what's flat, what to pick.
- [Promote to app](https://canvas-docs.vibeflow.ai/exports/promote-to-app.md): Turn one or more frames into a deployed Vite + React project on your domain.
- [Welcome to VibeFlow Canvas](https://canvas-docs.vibeflow.ai/introduction.md): Brief an agent. Watch it render on-brand. Ship to PPTX, PDF, React, or your domain.
- [Canvas MCP](https://canvas-docs.vibeflow.ai/mcp/overview.md): Drive the canvas from any MCP-compatible AI client. Same agent, same brand contract, same exports.
- [Canvas MCP tools](https://canvas-docs.vibeflow.ai/mcp/tools.md): Every canvas tool exposed over MCP. Signatures, behavior, return shapes.
- [Quickstart](https://canvas-docs.vibeflow.ai/quickstart.md): Open your first canvas, generate three frames, export a deck. Five minutes.
- [Credits](https://canvas-docs.vibeflow.ai/reference/credits.md): What each canvas action costs and how billing is computed.

## Optional

- [Community](https://discord.com/invite/Ctm2A2uEaq)
- [UI Docs](https://docs.vibeflow.ai)