> ## Documentation Index
> Fetch the complete documentation index at: https://docs.seemodo.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting started

> Create your account, explore the Dashboard, and build your first application with Seemodo.

# Getting started

## Create your account

<Steps>
  <Step title="Sign up">
    Go to [app.seemodo.ai](https://app.seemodo.ai) and sign up with your email or social login.
  </Step>

  <Step title="Choose a plan">
    Start free with 5 daily credits (max 30/month). Upgrade to Pro or Business for more credits and advanced features.
  </Step>

  <Step title="Explore the Dashboard">
    After login you land on the Dashboard — your home for all projects.
  </Step>
</Steps>

## The Dashboard

Your Dashboard shows all your projects as cards with screenshots and timestamps. From here you can:

* **Create a new project** — Click the + button, describe your app, and start building
* **Open existing projects** — Click any project card to enter the editor
* **Use templates** — Pick from ready-made starting points (Dashboard, E-Commerce, Chat App, Blog, Portfolio, Task Manager, and more)
* **Search projects** — Find projects by name
* **Organize** — Create folders, star favorites, move projects between folders
* **Delete** — Remove projects you no longer need

### Dashboard navigation

The sidebar gives you quick access to:

| Section            | Content                         |
| ------------------ | ------------------------------- |
| **My Projects**    | All your projects               |
| **Starred**        | Your favorited projects         |
| **Templates**      | Ready-made project templates    |
| **Shared with me** | Projects others shared with you |
| **Discover**       | Community projects to explore   |

### Header bar

The top header always shows:

* **Credits display** — Your current balance (click for details)
* **Account menu** — Profile, settings, billing, logout
* **Dark/Light toggle** — Switch theme instantly
* **Share** — Quick share link for the current view

## Two ways to start building

### Quick start: Visual Designer

Navigate to `/start` (or click the Seemodo logo from any page). The Visual Designer lets you generate screens instantly:

1. Write a prompt describing your screen
2. Choose Wireframe or HiFi mode
3. Click **Generate**
4. Your screen appears on the canvas

### Full project: Project Editor

Create a new project from the Dashboard:

1. Click the **+** button
2. Describe what you want to build
3. The Project Editor opens with AI Chat and Live Preview
4. Chat with the AI to evolve your application

## Your first screen in the Visual Designer

<Steps>
  <Step title="Open the Visual Designer">
    Go to [app.seemodo.ai/start](https://app.seemodo.ai/start)
  </Step>

  <Step title="Set your design specs">
    In the left sidebar, choose **HiFi** mode and **Mobile** screen size.
  </Step>

  <Step title="Write a prompt">
    Try: "A modern fitness app home screen showing daily steps, calories, a progress ring, and a Start Workout button. Dark theme with green accents."
  </Step>

  <Step title="Click Generate">
    The AI creates your screen. A live sandbox starts and your app appears on the canvas.
  </Step>

  <Step title="Edit with AI">
    Click on the generated screen. Use the AI Editor at the bottom to make changes: "Add a weekly activity chart below the progress ring"
  </Step>
</Steps>

## Your first project in the Editor

<Steps>
  <Step title="Create a project">
    From the Dashboard, click **+** or choose a template.
  </Step>

  <Step title="Describe your app">
    In the chat panel, write what you want: "Build me a task management app with a kanban board, ability to create/edit/delete tasks, and a dark sidebar for navigation."
  </Step>

  <Step title="Watch it build">
    The AI writes code and you see the result in real-time in the preview panel on the right.
  </Step>

  <Step title="Keep iterating">
    Continue chatting: "Add a calendar view", "Make the sidebar collapsible", "Add user avatars to tasks"
  </Step>

  <Step title="Deploy">
    When you're happy, click **Publish** to get a live URL for your app.
  </Step>
</Steps>

## Next steps

<CardGroup cols={2}>
  <Card title="Visual Designer" icon="paintbrush" href="/en/seemodo/visual-designer">
    Learn all about the design canvas
  </Card>

  <Card title="AI Coder" icon="message-bot" href="/en/seemodo/ai-coder">
    Master the chat-driven editor
  </Card>
</CardGroup>