Introduction to Workflow

What is Workflow?

Workflow is a new way for managing prototype screens and their statuses visually. It allows you to quickly update screen statuses by dragging and dropping them into columns and makes it easy to see at a glance the status of all the screens in a prototype. It allows assignment of screens to individuals, tracking of tasks associated with a screen, due dates, etc.

Using Workflow

Changing the Status of a Screen

To use Workflow, you can open a prototype and click on the Workflow tab. By default you'll see four columns displayed:

  • On Hold: Screens which are not actively being worked, not pending review, and not approved
  • In Progress: Screens which are being worked on currently
  • Needs Review: Screens which are ready for stakeholder/client approval
  • Approved: Screens which have been approved

Changing the status of a screen is as simple as dragging the screen from one status and dropping it on another, or placing it higher in the list.

Adding a Placeholder Screen

Placeholder screens let you define the screens you'll need to build right at the start of the project and can be used like any other screen while you build your prototype. You can link to a placeholder screen in a hotspot and then later replace the placeholder with your real screen when ready.

You can add a placeholder screen by clicking the + sign at the bottom of a column. Once you add the screen, you’ll be able to create a description, assign it to a collaborator, add a due date, and add tasks. Once you add a placeholder screen in Workflow, it’ll show up in your project as well.

Assigning a Screen to a Collaborator

If you’d like to track who is assigned to work on a screen, you can click in the "Assigned To" dropdown and select a collaborator on the project to whom you’d like to assign the screen. This is useful for tracking which designer is working on a screen or which stakeholder needs to review the screen.

Adding a Due Date

You can set a due date on a screen to help track when the screen must be completed. Once set, the due date displayed will be color-coded with the date becoming more vibrantly colored the closer the due date is.

To add a due date, simply click Add a Due Date and select a date and time.

Adding a Description

You can add a description to help track the purpose of a screen, provide additional details about what it should do, how it should interrelate to other screens, and generally provide information that might be helpful for others collaborating on the prototype.

To do so, simply click Add a description to edit the description on the screen.

Adding Tasks to a Screen

If there are specific tasks that need to be completed for a particular screen that’s in progress, you can define those tasks by clicking Add a new task and specifying the task. This will generate a checklist of tasks associated with the screen so you can track what’s needed to move a screen through your workflow to completion.

You can also add a task via a comment in the Comments tab of Workflow. Click a comment, then hover next to it and click the task checkbox. Note that you only need to click the checkbox once; clicking more than that will create multiple tasks.

Viewing and Replying to Comments on a Screen in Workflow

Comments are important when reviewing the status of your screens. To make it simpler to reference comments in Workflow, you can click the comment tab in the screen details modal in Workflow to view comments for that screen. You can click a comment to add a response.


Viewing Activity in Workflow

The Activity tab in Workflow gives you an idea of everything that has happened on your screen in the last 30 days. You’ll be able to see changes in status, screen assignment from one user to another, updates to the screen including new file uploads, creation and completion of tasks, and changes to the due date.


Workflow in Enterprise

In addition to the base functionality, Enterprise plans enjoy some additional functionality for customizing Workflow to meet their needs.

With Enterprise, you can:

  • Rename statuses to customize them for your own processes
  • Reorder statuses
  • Add custom statuses
  • Change the color associated with a status
  • Change the default status for new screens

Renaming a Status

To rename a status, hover over the name of the status. You should see a pencil icon if it's editable. Click on the title to bring up a text field and you'll then be able to rename the status.

Reordering Statuses

You can reorder statuses by simply dragging the list to a new place on the page.

Adding a New Status

To add a new status:

  1. Click the + icon to the right of the status lists:

  2. Enter the name of the list and select the color you'd like to use:

  3. Click Add to create the new status

Changing the Color of a Status

To change the color of a status list, click the triple dot menu button () on the list and then select the new color you'd like to use for that status.

Only colors not already associated with another status will be available for selection. If you want to use a color associated with another status, you'll first need to change the color of that list to a different color to free up the original color.

Changing the Default Status

You can change the default status if you'd prefer that new screens appear in another list by default. To do so, create the new status if you haven't already and then click the triple dot menu button () on that list. Click Set as default status to make that status the new default for new screens created in that prototype.


How many statuses can I have? What if I need additional statuses?

At this time, you're limited to the 4 stock statuses if not on Enterprise and 10 total statuses if on Enterprise. That includes the initial four statuses that can be renamed if necessary if you're in an Enterprise.

For Enterprise customers, it is not possible to have more than 10 statuses at this time.

Why can't I select the color I want?

When selecting the color for a status, you can only select previously unused colors.

If the color you want to use is already in use for another status, you'll first need to change the color associated with the other status before you'll be able to reassign that color to the new status.

How do I notify my clients/stakeholders when a screen is ready for review?

When changing the status of one or more screens, a banner will appear at the bottom of the screen asking if you'd like to notify collaborators. That notification can only be sent out to collaborators/members of the prototype and cannot be sent to external users at this time.

If an external reviewer (someone that is neither a Collaborator nor a member of the Enterprise organization) needs to review the screen, they can do so via share link but they won't be able to change the screen status. Instead, they'll need to add a comment with their approval or request to change status, and then a member of the prototype will need to change the status.

We’d generally recommend that Enterprise customers add reviewers formally as Reviewers in their Enterprise organization so that the reviewer can set screen statuses and view prototypes without needing to be given a share link every time.

Can I see a list of screens that are assigned to me? Can I see a list of screens by due date?

At this time, you cannot see a list of just those screens that are assigned to you nor can you see a list of screens by due date. Currently, you’ll need to view the Workflow page listing all screens and manually browse through those screens to see those that are assigned to you or due on a particular date.

Can I assign a screen to an external reviewer who isn’t a collaborator on the prototype?

At this time, the assignee of a screen must be a collaborator or member of the prototype. External reviewers that aren’t explicitly members of the prototype won’t be able to be assignees. If you send a share link to an external reviewer when you’d like them to review rather than having them login to view the prototype, then they’re an external reviewer and won’t be able to be an assignee.

We recommend using the “Needs Review” status to track screens that require external review.

How do I move screens from one list to another in bulk?

You can move all screens in one list to another list, but you cannot currently select multiple, specific screens to bulk move. If you need to move only some of the screens in a list, you'll need to individually drag and drop those screens in Workflow.

Alternatively, you can go to the Screens tab and select all the screens to be moved. There you can use the bulk action bar to change the status for an arbitrary selection of screens.

Why don't I see my custom statuses across all prototypes? Can I make my custom statuses defaults for all new prototypes?

Currently, statuses are prototype-level. if you add custom statuses to a prototype, they'll only be available in that prototype. You'll need to manually re-create your statuses in each prototype. There is no way to copy custom statuses from one prototype to another.

Can I comment on a screen in Workflow?

At this time, you can’t create a new comment on a screen in Workflow, but you can reply to a comment previously made on a screen.