Screen Organization
  • 30 Jan 2023
  • 2 Minutes to read
  • Dark
    Light

Screen Organization

  • Dark
    Light

Article Summary

Sorting screens

Here's how you can enable alphanumeric sort for your screens:

  1. Go to your prototype.
  2. Click ••• (next to Assets under your prototype name).
  3. Click Use Alphanumeric Sort.
  4. Click Confirm.

Please note that when you enable alphanumeric sort for your screens:

  • Screen sections are removed
  • Screens are no longer draggable
  • Sorting will apply for all collaborators on the prototype

Screen sections

To organize your screens into sections:

  1. Go to your prototype homepage.
  2. Hover and click between rows of screens to create a divider.
  3. Name the sections.
  4. Then you can drag and drop your screens within the sections in thumbnail view.
TipYou must use manual sort to create sections.

To delete a screen divider:

  1. Hover over the divider line and you should see a small X on the right side of the screen divider.  
  2. Click the X to delete the divider.  

Rename a screen

To edit the name of your screen:

  1. Go to the prototype homepage.
  2. Click the screen title.
  3. Make any needed edits.

Delete a screen

Note: Once you delete a screen, you can’t restore it, and we can’t restore it on your behalf.

To delete a screen:

  1. Go to the prototype homepage.
  2. Hover over the screen you’d like to delete
  3. Click the trash can icon, and select Yes, Delete.
There currently isn't a way to remove versions from your screen history.

View a screen's history

In order for screens to appear in the screen history, you'll need to replace a screen or sync the new screen.

To view your screen history:

1. Go to your prototype homepage.
2. Click on the appropriate screen.
3. Click the clock icon at the bottom of your screen to go into History Mode.
4. View the left column of the screen to see a list of versions. Click a version to view it.

Note that you cannot restore old versions of screens from History Mode.

Unarchiving a screen

To unarchive screens:

  1. Go into your prototype and click Screens (under your prototype name) to reveal a drop down menu.
  2. Click Archived Screens. Once you click that, you’ll be able to unarchive screens as needed.

Moving screens to a different prototype

To copy screens to a different prototype:

  1. Go to your prototype homepage.
  2. Hover over each screen you want to move and check the circle on the screens you want to copy to another prototype.
  3. Scroll to the bottom, click ••• (next to Assets under your prototype name).
  4. Click Copy to Prototype, and select the appropriate prototype.
Copying screens to another prototype does not copy over hotspots or comments.

Ensure the file name for each screen is unique across prototypes, otherwise, you may overwrite the existing screen when copying. For example, if you copy a screen from Prototype A and that screen shares the same file name as another screen in Prototype B, the screen from A will overwrite the screen in B.

Comparing screens

To compare multiple screens in your prototype:

  1. Go to your prototype homepage.
  2. Hover over each screen you want to compare and check the circle on the top right corner of the screens.
  3. At the bottom of the page, click the More menu (•••).
  4. Select Compare screens.

Was this article helpful?