Setting gestures and transitions

There are three ways to set gestures and transitions:

1. Hover over one of your links, then click the button that appears. You’ll find the options for changing gestures and transitions here.

2. Once a link is created, you can click on the widget it is linked to and the link settings menu will appear in the tool bar. You can access the link’s gestures and transitions from here.

3. You can change the default transition and gesture from the project’s settings (you’ll find this inside the home menu or at the bottom of the page settings).

When you change the default link settings, each new link you create will automatically be set to the transition and gesture you have chosen. You can of course always change the gesture and transition options for links individually as explained in point 1.

Tip: You should chose the <a href=”/links/”target=” _blank”>transitions and gestures which are typical of the device you are designing for.

Frequently asked questions

More articles for

?
Which browser should I use?

Chrome is recommended for use with Fluid UI. Firefox and Safari will work but there may be issues. Internet Explorer is not compatible. More info

?
How do I upgrade to another plan?

If you decide to upgrade to a different plan, please let us know via email or our in app chat so we can help arrange the refund for you. More info

?
How do I undo?

Control-z (command-z on mac) will undo any action you take. Use timeline review or version history to restore an older version of your project. More info

?
Where is my project gone?

Fluid does not delete any projects for accounts that have been accessed in the preceding year. Here are some common ways to recover your project. More info

?
How do I edit the text in a widget?

Double click to edit the text in a widget in Fluid UI. Use the widget menu to edit the color, size or font of the text you have selected. More info

?
How do I make a page scroll when previewing?

Increasing the page width or height in the page menu will automatically cause any pages to scroll (horizontally, vertically or both) when you preview. More info

?
How do I set the start page?

You can set any page in your prototype to the start page by focusing on that page and clicking the "Start page" switch in the page settings menu. More info

?
Can I get my app developed?

We talk briefly about how to get your prototype from prototype to complete. More info

?
How do I upload images?

Once you have a solo account or higher you can add images by dragging them into your browser window. They will show in the uploads tab of your library. More info

?
How do I save my project?

Fluid UI saves your project locally and on our servers automatically all the time. You can review and restore any version from the version history. More info

?
Do I need to know how to code?

No, you don’t need to know any coding to use Fluid UI. It is a concept tool getting your ideas out of your head and into your users hands for review More info

?
How do I create a link?

Select any widget and click the blue "link" icon from the widget menu. The link will be added when you click another page or "new page". More info

?
Can I make a real working app?

Not yet, but it's something on our roadmap. Fluid UI is for prototyping and concept validation - for getting your app developed quicker and with less risk. More info

?
How do I delete a link?

Hover over the link until the link menu appears. Open the menu and click delete. (note: Close pages may obscure the menu - you may need to move them apart) More info

?
How do I unlock all the libraries?

The other libraries will be unlocked once you have a paid account. The free account allows you access to the wireframe library only. More info