Skip to content
UI Kit
Accent color

Automation and builders

Rules, workflows and form builders.

3 components · 14 variants
Switch category

On this page

Every component of this category. Pick one to jump to its variants.

automation-rules

Automation rules

Automation screens. When and then rules with switches, an editor that reads the rule back as a sentence, templates, a run log with retry and a schedule with the next runs.

Props and details · Automation rules

Rule list

Every rule as a chain from trigger to actions, runs and last run, a switch to pause and a mark when the last run failed.

Open in Studio

Rule editor

When, if and then as three connected cards, all or any conditions, ordered actions, the rule as one sentence and a test with the last event.

Open in Studio

Rule templates

Templates by category with their steps as a small flow, how many teams use them and a one click setup.

Open in Studio

Run log

Every run with result, subject and duration, the steps on a line with the reason a step failed, and a retry.

Open in Studio

Schedule

Hourly, daily, weekly or monthly, days as toggles, the rule in plain words and the next five runs worked out live.

Open in Studio

form-builder

Form builder

Form builder screens. Fields to add, order and set up, logic for follow-up questions, a live preview on desktop and phone, responses with summary and table, and publishing with link, embed and QR code.

Props and details · Form builder

Builder

Field types to add, the form as it will look with pick, move, copy and remove, and the settings of the picked field. Phones open the settings under the field.

Open in Studio

Logic

When an answer fits, show later questions, with a live list that dims what a person would not see for the answers you try.

Open in Studio

Live preview

The real form with validation, logic and a thank you, shown wide or inside a phone, with a line that fills as questions get answered.

Open in Studio

Responses

Totals, today, finished share and the average rating, bars per answer and a searchable table that turns into cards on phones.

Open in Studio

Publish

Link and embed code to copy, a QR code, closing rules and a publish that turns the draft live.

Open in Studio

workflow-builder

Workflow builder

Workflow screens. A canvas with draggable steps and live connections, a linear builder, a step inspector with data from earlier steps and a test run that lights up step by step.

Props and details · Workflow builder

Canvas

Steps on a dotted canvas with curves between them, drag or arrow keys to move, zoom, the picked step in a panel and publish. Phones get the steps as a list.

Open in Studio

Linear steps

Steps from top to bottom with a plus between any two that opens a menu of step types, remove in place and a clear end.

Open in Studio

Step inspector

One step with setup, data and test tabs, fields that take data from earlier steps at the cursor, and a test that fills in example values.

Open in Studio

Test run

The path of one run with each step lit, skipped branches faded, the time per step as a strip and a replay that walks the path again.

Open in Studio

Similar components

More from App, the same area of the kit.

Often combined with

Sections that usually sit next to Automation and builders on a page.

Often searched

Jump to

Copied to the clipboard