Try ThunkableDrag and Drop DocsSnap to Place DocsAcademy

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 Debugger, 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.

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 guide for details.

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

Select

Use this tool to select and interact with components on the screen.

Pan

Click and drag to move around the canvas. Helpful for navigating large projects.

Zoom In

Zoom in to get a closer view of your project layout.

Zoom Out

Zoom out to get a broader view of your project layout.

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 , opens a menu of AI tools focused on layout, UI, and content creation:

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 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!

PreviousAI Project GeneratorNextAI Edit Mode

Last updated

Was this helpful?