> For the complete documentation index, see [llms.txt](https://docs.appfarm.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appfarm.io/reference/appfarm-create.md). # Appfarm Create The Appfarm Create user interface consists of a collection of menus, toolbars, panes, lists, and editors. This overview is to help you become familiar with the names we use for these elements as they are used throughout the documentation.

Overview of Appfarm Create

### 1. Top-left The solution name is shown in the top-left corner. Click the name to open a menu where you can switch between the solutions you have access to and open [**Settings**](/reference/appfarm-create/settings.md) — preferences for the color theme and motion, the function editor, and Appfarm AI. Next to the solution name, a button toggles the [main menu](#id-4.-main-menu). A breadcrumb shows your current location — for example, *Apps > Event Manager* indicates the Apps section with the Event Manager app open. Click the breadcrumb to switch between apps in your solution. A similar breadcrumb is available for [Flows](/reference/flows.md) and [Services](/reference/services.md). ### 2. Tabs submenu Contextual tabs for navigation within the active section. In the screenshot above, when the Apps section is selected from the main menu, the submenu contains the tabs [UI](/reference/apps/ui.md), [Data](/reference/apps/data.md), and [Actions](/reference/actions.md). The cog icon opens [app settings](/reference/apps/app-settings.md). ### 3. Top-right toolbar Actions for the active app or service: * **Preview App** (play icon): open the app in the Develop environment. * **Share** (share icon): open a dialog with the app URL and a QR code for testing on a mobile device. * **App Health** (heart icon): run [App Health](/reference/apps/app-health.md) to review errors, warnings, and performance tips. * **Undo / Redo**: step through recent operations. Click the chevron to open the full session's operation list. * **Appfarm AI** (star icon): toggle the [Appfarm AI](/reference/appfarm-ai.md) sidebar (section 9). Keyboard shortcut: *Ctrl+I*. * **User menu** (avatar): manage your account and sign out. ### 4. Main menu The primary menu used to navigate around a solution. Top-level items include: * [Dashboard](/reference/dashboard.md) * **Apps** — expands to list the apps in your solution. The active app is highlighted. * **Services** * [Flows](/reference/flows.md) * [Data model](/reference/data-model.md) * [Operations](/reference/operations.md) — expands to [Deploy](/reference/operations/deploy.md), [Service schedules](/reference/operations/schedules.md), **Calendar**, and [Logs](/reference/operations/logs.md). * [Resources](/reference/resources.md) * [Configuration](/reference/configuration.md) * [Security](/reference/security.md) A **Help** button is available at the bottom of the menu (section 10). Click the toggle button in the top-right corner of the sidebar, or press `Cmd`/`Ctrl`+`B`, to collapse the main menu. When collapsed, hover the left edge of the screen to show the menu as a non-persistent sidebar. ### 5-7. Workspace Sections 5, 6, and 7 are dependent on the main menu. The screenshot above shows the Apps workspace with the UI submenu open. 5\) List pane: lists the items you work with in the active section. Use the **+** icon to add an item and the search icon to filter the list. * Apps > UI: views, dialogs, and drawers, with the [UI component](/library/ui-components.md) tree for each. See [UI](/reference/apps/ui.md) for details. * Apps > Actions: actions defined for the app. * Apps > Data: overview of the app's [data sources](/reference/apps/data/data-sources.md) and [app variables](/reference/apps/data/app-variables.md) 6\) Library pane: a vertical strip of items you can insert into the editor (section 7). Click an item to insert it as a child of the selected element, or drag and drop it into the editor. Expand the pane to see the name of each item alongside its icon, or use the search field to filter the list. * Apps > UI: the UI components pane contains the full library of UI components. The pane can be unpinned, so that it's only visible when you click the **+** icon to add a component. * Apps > Actions: the **Action Nodes** pane lists action nodes grouped by category (Data, Logic, Navigation, Other, and so on). 7\) Editor: the central editing surface. Recently opened items are listed as tabs across the top of the editor. * Apps > UI: the layout designer is the visual canvas for the selected view, dialog, or drawer. The toolbar above the canvas includes a zoom level, device-size previews (desktop, laptop, tablet, mobile), and a settings icon. * Apps > Actions: the action editor displays the selected action's tree of action nodes. * Data model: the [data model designer](/reference/data-model.md#data-model-designer). ### 8. Properties pane A dedicated area containing the properties of the selected component, action node, or other customizable element. For UI components, the pane has four tabs: * **Properties** — configurable properties for the selected component. * **Style** — visual styling. * **Conditional Style** — styles that apply based on an event or condition. * **Motion** — pre-defined transitions that animate the component in and out of view. ### 9. Appfarm AI sidebar A thread for Appfarm AI, where you can prompt the agent in [Build](/reference/appfarm-ai/build.md) or [Ask](/reference/appfarm-ai/ask.md) mode. Use the input at the bottom to describe the UI component or change you need. The **+** icon starts a new thread; the clock icon opens the thread history. Toggle the sidebar with *Ctrl+I*. ### 10. Help menu Opened from the **Help** button at the bottom of the [main menu](#id-4.-main-menu). Provides access to: * [Keyboard shortcuts](/reference/appfarm-create/keyboard-shortcuts.md) (*F1*) * [Appfarm Commander](/reference/appfarm-create/appfarm-commander.md) (*Ctrl+K*) * Documentation, Community, Appfarm status, and Release notes (external links) * [Farmer's Market](/reference/appfarm-create/farmers-market.md) * The current Appfarm Create version --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://docs.appfarm.io/reference/appfarm-create.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.