Fluid UI Project Menu

  • To access your project list, simply click into the home menu and then select my projects.

  • View all of your projects via clear thumbnails.

  • See when your projects were last revised.

  • Each thumbnail will contain an overview of your project screenflow.

  • Search through your active, archived and shared projects.

  • Sort your projects by name, last update and creation date.

Setting your splash screen and app icons in Fluid UI

You’ll find the options for uploading your own splash screen and icon in the project settings menu.

The complete guide to Fluid UI - Page 1

Click on the home menu icon to access project options and settings.

From here you can:

  • Create new projects
  • Open and manage existing ones
  • Copy or clone projects
  • Restore project versions
  • Manage your project's settings
  • Print and export your project

Project settings options

Use project settings to:

  • Open projects
  • Clone or copy projects
  • Access version history and restore previous versions
  • Upload your own icon and splash screen
  • Change device resolution and transitions settings
  • Change the default device orientation

Change your project's device resolution

  • All of the common phone resolutions are listed, as well as several desktop/browser resolutions.

  • Scroll to the end of the device options to find the custom screen size options. You can add in your own height and width here.

  • Selecting the correct resolution for the device you will be testing on will dramatically improve the quality and speed of the prototype.

  • You can choose the orientation for the app you are designing.

Change your project's default gestures and transitions

Set the transition and gesture you want to have in your app. This will mean that each new link you create will automatically be set to the default transition and gesture you have chosen.

  • Some example gestures are tap, double tap and swipe.
  • Some examples of transitions are flip, slide, pop and fade.

You can also change the gestures and transitions for individual links:

Changing gestures and transitions for individual links

Restoring projects in Fluid UI

Restoring older versions

  • Any version of a project can be restored though the version history section of the home menu. Older versions are stored for up to 2 weeks for all premium accounts, and for a limited period for free accounts.

  • If you are moving between computers, please ensure you are logged out before logging in to a different machine. Logging in to the same account at the same time from multiple locations is not currently supported.

  • You can also clone a whole project to make a backup. Sharing this version with a client will allow you to take feedback while continuing to work on the existing project.

If you have sent a link to a project and you no longer want that person to have access just clone the project, archive the old project, then delete it forever and the link will be made obsolete, just make sure you clone the original project first.

Deleting projects in Fluid UI

Project settings panel

There are two ways to delete your project. Click on open in the home menu and you can view all of your projects and delete them by clicking on the bin beside them. There is the option of restoring a project if you delete it by accident by using the deleted projects search filter.

delete a project or restore

The other way to delete a project is by opening project settings in the home menu. This will give you options for the project you are currently working on. Click on the bin to delete the project.

project settings

Archiving projects in Fluid UI

Archive from open projects

Archive your active projects to free up more space, you can then manage your archived projects, delete or restore them in the future.

Archive from project settings

project settings

Click on project settings in the home menu and then click on archive to archive the project you're currently working on.

Why archive projects?

  • Archive projects so you can start new ones if you don't have a pro account. (there is a project limit on the other account types)

  • Keep your projects safe and make sure you don't delete them or overwrite them.

How to access archived projects

filter search

Go to open projects and then use the filter in the search bar to find all of your archived projects.

Copying projects in Fluid UI

  • Click on 'make a copy' in the home menu
  • Change the name of the copied project

The original and copied projects are now in your active projects. The copy will automatically open and your original can be accessed in 'active projects' by selecting 'open' in the home menu.

Saving projects in Fluid UI

Saving your project

Fluid UI automatically saves your work both locally and online every few minutes as well as every time you click the preview button - there is no need to specifically save or manage projects.

The only way your data will be deleted is if you ask us to delete it. We store data for inactive accounts for up to a year. After a year of an account being inactive you will receive an email warning you that your account is going to be deleted. If the account is active it will not be deleted ever.

Creating projects in Fluid UI

Your first project will be created and already open when you sign up.

An empty Fluid UI project ready for prototyping

To create a second or further project:

  • Go to the home menu and select "New project".
  • Choose the device type and orientation for the project (if applicable).

Create project menu in Fluid UI

You can change the screen resolution, create custom screen resolutions and change your default orientation (you must finish creating your project first to do this).

You may also wish to duplicate an existing project, delete a project, manage project settings and view and restore previous versions your projects.

Once your project is created the next step is to add pages.