Conditional Logic: Skipping Pages in your Form

In this tutorial, we'll show you how you can add conditional logic to the forms you design and build in Figma. More specifically, we'll show you how to skip pages based on form responses.

Do you want particular pages in your form to be skipped depending on what a respondent answers? In this tutorial we'll show you how to do just that using conditional logic in the weavely Figma plugin.

Example Design in Figma

This functionality is unrelated to particular design aspects of your form, but we'll first introduce an example. The image below shows our example form, comprised of three pages: two with questions and a "submission successful" page. If you're unfamiliar with building multi-page forms, we also have a tutorial for that!

If the respondent answers "No" for the question in the first page, we want our form to immediately go to the final screen. Otherwise we first ask the respondent's name before going to the final screen. The question on the first page has been named "Permission" from within the plugin, as shown in the image below.

Using Conditional Logic to Skip Pages

Weavely allows you to create Logic rules in the plugin. These rules enable you to specify conditional logic using traditional "IF-Then" structures.

To create a rule, open the "Logic" menu in the plugin and press the "+ Add Rule" button at the top right of the screen.

In our example we want to express that IF the user answers "No" to the question labelled "Permission" THEN we want to skip to the Form Ended page. The gif below shows exactly the steps needed to create this rule.