# Omnibar

The Omnibar is your all-in-one access point for Thunkable’s AI-powered tools, designed to help you build and edit your app faster and more intuitively. Located inside the Project Editor, the Omnibar consolidates key AI features like *StyleAI*, *AI Debugge*r, *AI Chat Helper*, and *Rewrite This* into a single, easy-to-access menu.

Whether you're looking to generate content, redesign a screen, debug app behavior, or refine copy, the Omnibar brings these capabilities together so you can stay focused and productive. This guide will walk you through what each icon in the Omnibar does and how to use them effectively in your project.

{% hint style="warning" %}
Note: Each AI tool consumes a portion of your monthly allotment of tokens. The number of tokens available each month depends on your Thunkable plan. See our [token usage](https://docs.thunkable.com/getting-started/ai-tools#ai-text-generator-3) guide for details.
{% endhint %}

## Using the Omnibar: Design vs. Blocks Tab

The Omnibar adapts depending on whether you’re in the Design or Blocks tab of the Project Editor. While the Design tab focuses on layout and visual components, the Blocks tab enables AI-assisted block generation.

### Omnibar in the Design Tab

#### Icon Overview

| Icon                                                                                                                                                                                                                                                                    | Name          | Description                                                                           |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------------------------------------- |
| <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2Fa429Oc7HOcxSTXZDQkEq%2Fselect_icon.png?alt=media&#x26;token=e1492784-8957-4f6b-b4b0-f05a088287ee" alt="" data-size="line">   | Select        | Use this tool to select and interact with components on the screen.                   |
| <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2Fg6DLJBoYRaTNoeVrogGW%2Fpan_icon.png?alt=media&#x26;token=ff0e266e-9848-487e-aa7b-3fb76676756f" alt="" data-size="line">      | Pan           | Click and drag to move around the canvas. Helpful for navigating large projects.      |
| <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FfwFiE45urx8Jj0szkKWN%2Fzoom_in_icon.png?alt=media&#x26;token=13d922bc-c725-4d5c-85df-7dc3a8a5dd51" alt="" data-size="line">  | Zoom In       | Zoom in to get a closer view of your project layout.                                  |
| <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2F4MaqK5AhDZRahrepGGPF%2Fzoom_out_icon.png?alt=media&#x26;token=88033b80-9005-4fa1-99bb-9037e85d5dfc" alt="" data-size="line"> | Zoom Out      | Zoom out to get a broader view of your project layout.                                |
| <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FN9ZRFk28cdEiW7pSB83G%2Ffocus_icon.png?alt=media&#x26;token=9f8d51c6-b9a7-4bb3-a4b9-d524361e3023" alt="" data-size="line">    | Fit to Screen | Automatically adjusts zoom to fit the entire currently selected screen on the canvas. |

In the Design tab, clicking the AI tools icon <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FQpRKNirmxkDUTJkfSK4G%2Fai_tools_icon.png?alt=media&#x26;token=da207286-ecac-49f3-8558-6db7f3226c15" alt="" data-size="line">, opens a menu of AI tools focused on layout, UI, and content creation:

<figure><img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2Fc0x9GW4vJvDnE6kroLI4%2Fomnibar_design_tab.gif?alt=media&#x26;token=59b35d4d-26d9-4c95-9de8-81701b32f510" alt=""><figcaption></figcaption></figure>

| Tool          | Function                                                           |
| ------------- | ------------------------------------------------------------------ |
| Edit App      | Apply layout or design changes across the screen.                  |
| Make an Image | Generate original AI images to use in your app.                    |
| Edit Image    | Modify existing images using a prompt.                             |
| Rewrite This  | Improve or reword text on labels, buttons, or other UI components. |

Each tool is optimized for visual creation — no code required.

### Omnibar in the Blocks Tab

When you're in the Blocks tab, clicking the AI Tools icon opens an AI prompt field to help generate blocks with natural language.

**How it works:**

1. Click the <img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FQpRKNirmxkDUTJkfSK4G%2Fai_tools_icon.png?alt=media&#x26;token=da207286-ecac-49f3-8558-6db7f3226c15" alt="" data-size="line"> icon to open the AI input box.
2. Type a prompt describing what you want your app to do. \
   Example:
   * Text: `when the screen opens, set its background color to green`
   * Expression: `1 + 2 * 3`
3. AI will interpret your prompt and suggest corresponding blocks.
4. Click the upward arrow to submit your prompt.
5. Use the suggested blocks directly in your app!

<figure><img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FgtuTqJ03IFJrDVjPTF3C%2FScreenshot%202025-07-29%20at%201.41.50%E2%80%AFPM.png?alt=media&#x26;token=aa269764-8f86-46d9-8626-bec5d33c536f" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.thunkable.com/getting-started/gen-ai/omnibar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
