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

<figure><img src="https://29237295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MiLU-xcHu0eLZiTxcmZ%2Fuploads%2FQ2ryZEh6knPJSI0tygtT%2FAppfarm%20Create%20Menu%20Overview.png?alt=media&#x26;token=513fea42-2ba8-4b47-aac6-326f33092111" alt=""><figcaption><p>An overview of Appfarm Create</p></figcaption></figure>

### **1. Top-left menu**

A menu for accessing [Appfarm Commander](https://docs.appfarm.io/reference/appfarm-create/appfarm-commander), available [keyboard shortcuts](https://docs.appfarm.io/reference/appfarm-create/keyboard-shortcuts), setting [user preferences](https://docs.appfarm.io/reference/appfarm-create/user-preferences) and accessing information about Appfarm Create.&#x20;

### 2. Solution menu

If you have access to multiple solutions, you can use the solution menu to switch between them. Otherwise, the name of your solution will be shown.

### 3. App menu

A menu to switch between the apps in your solution. A similar menu is available for [services](https://docs.appfarm.io/reference/services).

### **4. Main menu**

The primary menu used to navigate around a solution.

### 5. Tabs submenu

Contextual tabs for navigation within the active section, for example within apps, services, or permissions. For the above screenshot, where the Apps section is selected from the main manu, the submenu contains the tabs [UI](https://docs.appfarm.io/reference/apps/ui), [Data](https://docs.appfarm.io/reference/apps/data) and [Actions](https://docs.appfarm.io/reference/apps/actions).

### 6-8. Workspace

Section 6, 7 and 8 is dependent on the main manu. In this example (the Apps workspace, submenu UI), we have the following sections

6\) UI Components: List of all available UI building blocks

7\) Tree view: List of all views, dialogs and drawers, with a tree-view of the UI Components of each of them.

8\) UI Designer: This is where you design a view, dialog or drawer visually.&#x20;

### 9. Properties pane

A dedicated area containing the properties of the selected component, action node, or other customizable element. In the above example, we see the properties for the UI Component *Table*.
