---
title: "Start your first session"
description: "Create your account, open the demo codebase and reach your first canvas in a few minutes."
url: https://help.modeinspect.com/en/articles/9-start-your-first-session
collection: "Get started"
updated: 2026-11-03
language: en
---

# Start your first session

Create your account, open the demo codebase and reach your first canvas in a few minutes.

Your first session ends with a canvas open on a running app. Start with the demo codebase to see how Modeinspect works before you connect your own.

Use a desktop browser.

## Steps

1.  Open app.modeinspect.com and pick a way to sign in: **Continue with Google**, **Continue with GitHub** or **Continue with Email**. With email, fill in **Email**, **Password** and **Confirm Password**, then click **Sign up**.
    
2.  Go through the onboarding. It ends on **How do you want to start?**.
    
3.  Choose **Start with the demo codebase**. The demo canvas opens. **Bring your codebase** takes you to Codebase Setup instead; see [Connect a GitHub repository](https://help.modeinspect.com/en/articles/11-connect-a-github-repository.md).
    
    ![The How do you want to start? screen with the Bring your codebase and Start with the demo codebase options](https://staticfiles.gleap.io/p6a1872808f187689a3937fa3/S27a5wm5QLbmnO4Uj4rkXOHAowXRnuJkx7M7v99R8q8YfMCCXJpmCYQnVmTUfq4hgubvEUa79f4.png)

You now see the demo canvas, **Welcome to Modeinspect!**. It is a guided tour laid out top to bottom. It starts with a welcome and a frame to iterate on with the agent, then a Portal running the demo shop, then components, Build Mode and sharing. Press `⇧ 1` to fit the whole tour on screen, or `⇧ 2` to zoom to what you selected. Hold `Space` to pan. [Canvas controls and keyboard shortcuts](https://help.modeinspect.com/en/articles/32-canvas-controls-and-shortcuts.md) lists the rest.

![The demo canvas after onboarding, zoomed to its Welcome section, with the Pages and Layers panel open on the left](https://staticfiles.gleap.io/p6a1872808f187689a3937fa3/l6booM5oxUjfryRJFrxQZoh9ei0wayaIjtDcZj8YZdYf8tigJHKU3FcT5ROg318eK23tFN7OizG.png)

## Your first time in Build Mode

The first time you open Build Mode, on any canvas, two cards show you around. Each one shows once.

-   **Your building agent** sits above the build chat's message box, and the stage dims until you act. Send a message or click **Got it**.
    
-   After the agent's first reply, **Bring your app back to the canvas** opens under **Capture selection** in the address bar. Click **Capture** to pick a part of the page, or **Maybe later**. The toast for that first capture, **Capture added to canvas**, stays until you click it or leave Build Mode.
    

## Where things are

The sidebar on the left is the same on every page.

-   **Home** lists your recent canvases. **My work** lists the ones you created.
    
-   **Drafts** holds canvases that have no repository yet.
    
-   **CODEBASES** lists each connected codebase; **Add Codebase** starts setup for a new one.
    
-   The question-mark button at the bottom opens **Help**, the in-app assistant that answers from these articles.
    

![Home with the demo canvas card and the sidebar entries Home, My work, Drafts, Codebases and Add Codebase](https://staticfiles.gleap.io/p6a1872808f187689a3937fa3/L0bXZci3UvLp7xj2WAzMXj2jL9W8Qs8d1K02mB208bYFMK4i8edFsO68YHJalyz6ggvzkprxJAJ.png)

## If it does not work

-   **"We couldn't finish setting up your workspace."**: click **Try again**.
    
-   **You land on Before you dive in again**: the onboarding answers were not saved. Fill them in once more and click **Continue**.
    

## Related

-   [What is Modeinspect](https://help.modeinspect.com/en/articles/8-what-is-modeinspect.md)
    
-   [Connect a GitHub repository](https://help.modeinspect.com/en/articles/11-connect-a-github-repository.md)
    
-   [Canvas controls and keyboard shortcuts](https://help.modeinspect.com/en/articles/32-canvas-controls-and-shortcuts.md)

## Related

- [What is Modeinspect](https://help.modeinspect.com/en/articles/8-what-is-modeinspect.md)