Model Overview

Flowable applications are largely built on top of so-called "Models". Flowable Design enables you to edit and create new models and package them up for use in a Flowable application (Flowable App).

In total, there are seven model types in Flowable Design:

Model Type Content


Business Process Models


Case Models


Flowable Forms Definitions


Flowable Pages Definitions


Decision Tables


Flowable Work Definitions


Flowable App Definitions

You can access your models by clicking on the respective link in the navigation bar. This brings you to an overview of all models of a that type.

140 design item overview

In this case, we clicked on the Processes tab which shows us all existing process models. Since the user interface of all model types is very similar, this provides a good overview of how to work with other model types.

To the left side of the screen, there is a search box which allows you to search through all models.

In the center, you see a preview of all models along with their version, name, creation date and the person who created it. If you click on a model, you are brought to the Model Detail View.

On the top-right of the screen, it is possible to create a new model or import an existing one.

Importing Models

You can import single models from files by pressing the Import button on the overview screen of the desired model type. You are presented with the following screen:

140 design import

Depending on the type, the filename must one of the following types:

Model Type File Extension


*.bpmn or *.bpmn20.xml


*.cmmn or *.cmmn.xml





Decision Tables

*.dmn or *.dmn.xml



Creating New Models

Creating a new one prompts you with the following screen:

140 design create model

The name of the model is what appears in the overview and should therefore be easy to understand.

The model key is a technical identifier which is used in various places to refer to the process on a technical level. Even though you can change the model key later on, you should only ever do that if you are fully aware of the ramifications.

The description of a model is for documentation purposes only and can be left empty.

If you click on Create new model, you are routed to the model type’s editor, in this case the process editor. For more information on the individual editors, see Process Editor, Case Editor, Form Editor, Page Editor, Decision Editor, Work Editor, and App Editor.

Model Detail View

If you click on a model in the overview, you are redirected to its Detail View.

There, you see the name, description, version, creator and the modification date of the model as well as a visual preview of it.

If you want to see an older version of your model, press on the History button and choose the version you are interested in.

On the top-right, there are these icons:

140 icon edit model

Edits the name, description and key of the model.

140 icon duplicate model

Duplicate the model.

140 icon delete model

Deletes the model.

140 icon download model

Downloads the model as a file.

140 icon model editor

Opens the editor of the model which allows you to actually modify the content of the model.

Due to their nature, Flowable Apps offer some additional options, see App Editor.