arrow-left

All pages
gitbookPowered by GitBook
1 of 1

Loading...

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.

circle-exclamation

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

hashtag
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.

hashtag
Omnibar in the Design Tab

hashtag
Icon Overview

Icon
Name
Description

In the Design tab, clicking the AI tools icon , opens a menu of AI tools focused on layout, UI, and content creation:

Tool
Function

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

hashtag
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

Fit to Screen

Automatically adjusts zoom to fit the entire currently selected screen on the canvas.

Expression: 1 + 2 * 3

  • AI will interpret your prompt and suggest corresponding blocks.

  • Click the upward arrow to submit your prompt.

  • Use the suggested blocks directly in your app!

  • 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.

    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.

    token usage