Creating your first prototype

Tags: Documentation | Prototyping

Read the introductory tutorial and learn how to create a new project, then create some pages in that project and add widgets from the library. Finally add links between widgets and pages to create an interactive prototype before you preview your prototype to see the end result. Not convinced yet? See why you should prototype.

Managing projects and versions

Tags: Documentation | Projects

Learn how to create, manage, clone, delete, archive, save and restore projects and project versions. Change the default settings including orientation, set up gestures and animations in your project. Finally, change the splash screen and app icons.

Validating your concept with users

Tags: Documentation | Usertesting

Learn more about how you can validate your product ideas using Fluid UI, making sure you get real customer feedback. Once you are happy with your concept, learn how you can integrate your results into your company and how you can get your app developed.

Navigation

Tags: Documentation | Navigation

Learn all about navigating the canvas using the Fluid UI camera controls. Use view settings to turn on/off snapping and grid. Find out what keyboard shortcuts are available in Fluid UI.

Documentation

Keyboard shortcuts

Keyboard shortcuts available in Fluid UI to speed up your design process.

How do I use gestures and transitions

How to use gestures and transitions in Fluid UI.

Add links

How to add links in Fluid UI

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.

Share and collaborate

Everything you need to know about sharing and collaborating in Fluid UI.

Changing view settings

Full details about the different view settings in Fluid UI and how to change them.

The difference between screens and pages

Learn about the differences between screens and pages in Fluid UI.

Screen orientation and resolution

How to change a screen orientation and resolution in Fluid UI

Fluid UI API

Integrate Fluid UI with your own platform. The same API used by the official Fluid UI editor and mobile apps.

Hotspots

These links are visible on your page when creating your prototype, but don't show in preview mode.

Widget groups

Creating and working with groups.

How to upload your own images

How to upload, add, delete and filter your own uploaded images in Fluid UI. Also covers hotspots for linking prototypes together.

Snapping and grid

The snapping and grid settings are available in the page menu and can be used to lay out your prototype according to grids or other layouts.

Setting page titles and adding notes

All about page notes in Fluid UI

Changing page settings

Full details on page settings and how to change them in Fluid UI.

Restoring projects

Learn how to restore older versions of your projects in Fluid UI.

Archiving projects

How to archive projects in Fluid UI, then search for them using the filter.

Deleting projects

Managing and deleting your projects in Fluid UI.

Managing projects

Managing projects in Fluid UI couldn't be easier. From the projects menu you can create, open, copy, manage project versions and change project defaults.

Fluid UI modes, contexts and menus

How and where to access all of the different features in Fluid UI.

Creating projects

Creating projects in Fluid UI, naming and deciding on the default orientation of your screens.

All about the library

Learn how to access and add widgets, upload images, save design patterns and switch / search between library elements.

Why you should prototype

Fluid UI discusses the top 10 reasons you should prototype your apps before you hand them over for development.

Copying projects

Copying projects in Fluid UI lets you quickly make two versions of one project and go in different directions with each design.

Fluid UI introductory tutorial

Learn how to make your first Fluid UI prototype with this introductory tutorial.

Adding, cloning and deleting pages

Covers how to create, edit and delete pages in the editor.

Working with widgets

Everything you need to know about working with widgets in Fluid UI.

Links, gestures and transitions

How to add and delete links from your Fluid UI project. Also how to set link transitions and gestures to give a more custom look to your project.

Hotspots

Hotspot widgets are invisible when previewing though their links will still work. They can be combined with uploads to quickly create linked image maps.

Editing widget properties

How to edit the widget properties such as width, height, colour, size.

Moving, resizing and aligning widgets

How to move, resize and align your widgets.

Widget backgrounds and borders

How to use the widget menu to edit the look and feel of your widgets to match the needs of your project.

Setting your splash screen and app icons

How to set these two important screens in Fluid UI.

Mobile testing

Test your prototypes and mockups on mobile devices with the help of the Fluid Player which allows you to get valuable feedback from all stakeholders.

Saving projects

Learn how to save your projects in Fluid UI.

The Fluid UI camera controls

All about the Fluid UI camera controls and how to set them up for your project.