Proto.io now available as a Chrome App. Click here

Proto.io features

Roll over each section to learn more about the interface!

A revolutionary prototyping tool.

100% browser-based

100% web-based, flexible, update free, platform independent, accessible software. Test your app's limits and improve it by short and fast revision cycles.

Seriously affordable

Minimize your costs by building, modifying and testing before you even start writing a line of code.

Silly-fast

Fast to load, fast to build and fast to execute. Works and feels like a desktop application.

Multi-platform, multi-device

Build high fidelity prototypes and test them on your PC screen or device. It even supports multi-touch gestures.

Beautiful printing

Present your prototypes on beautiful print-outs or PDFs with our document builder.

Runs like a real app

Stop writing and rewriting endless lines of code due to feature or interface changes. Test everything before you start writing.

Kick-ass editor.

Drag-and-drop UI

Intuitive drag-and-drop user interface that is familiar to most people that use traditional graphic software. The editor is fully compatible with the latest versions of Chrome, Safari and Firefox.

Publish

Preview your content while editing. Publish your content for review when ready. You can continue working and preview your changes without affecting the published version.

Zoom

Working on a small computer screen or building a prototype for a device with a big screen like iPad? No worries, the Proto.io editor can be zoomed accordingly to accommodate your editing requirements.

Concurrent editing check

Proto.io prototypes can only be edited by one agent (user) at a time. To prevent simultaneous editing Proto.io implements advanced techniques that notify the user when this happens.

Templates

Create reusable master templates that can be attached to any screen or any other template.

Digital assets

Upload project-wide and account-wide digital assets like documents, images, audio and video to use to your prototypes. In addition Proto.io gallery offers a number of useful mobile artwork.

Item browser

List, select and re-order the items on the screen, template or container easily with the item browser.

Reusable containers

Create reusable containers that can be attached to any screen or template. Containers can also act as scrollable areas with zoom and snap capabilities.

Auto-save

Don't worry about saving your project. Proto.io's robust yet lightweight architecture automatically saves your project changes.

Keyboard shortcuts

For a better UX Proto.io offers a number of keyboard shortcuts for editor actions like selecting, grouping, moving, copying and deleting items as well as for saving and preview.

View in browser and on device

In your browser

Preview your prototype in the web-browser and interact with it as you would on the mobile device. The Proto.io web player is fully compatible with Firefox and webkit browsers (Chrome, Safari).

Preview on device

Why be limited to a near-to-real experience when you can have the best experience possible in a prototype on the actual device? Proto.io device player allows you to preview your prototype on the actual device that it's built for.

Full screen

Proto.io supports full screen prototypes for iPhone and iPad. Full screen prototypes are fully compatible and can be played in other iOS browsers that support full screen browsing.

Tailor-made for mobile

Enhanced touch events

Apply touch events to your prototypes to make them feel as real as possible. Events that can be triggered via components include tap, tap hold and swipe whilst screen events include orientation change as well as before and after screen show events.

Actions

Proto.io enhances the prototype's UX by allows actions to be assigned to events. Actions include going to screens, highlighting tab bar items, hiding and showing other components and other.

Transitions

Mobile apps introduce a whole new concept of navigation. This is enhanced by screen transitions (animations that take place when going from one screen to another). Screen transitions supported by Proto.io include slide (all directions), pop, fade and flip.

Device-specific UI elements

Components

Proto.io offers a large number of components that allow you to build well designed and interesting prototypes. Special device components are also available for specific devices.

HTML5

All Proto.io components render in HTML5. HTML5 components allow them to be light, to load fast and be viewable in all the latest browsers and devices that support HTML5.

Flexible alignment and size

Designing prototypes for varying small resolutions and different orientations is a bit tricky. Proto.io offers an intelligent way of aligning and defining size for each item that frees items from the left, right, width, height limitations.

Compatible with everything

Browsers

Build mobile prototypes using the browser of your choice. Proto.io works best on Chrome, Safari and Firefox.

Devices

You can build prototypes for a number of devices including iPhone, iPad and Android-based devices. Proto.io prototypes can run on all mobile devices that support HTML5. Prototypes run best on the device they are built for.

Publish, print and export to HTML!

Publish

Publish your prototypes for review and share it with a few people or just publish it and make it public for everyone.

Print & PDF

Convert your prototype to a nice custom branded printable PDF document or just export your screens to static images

Export to HTML

Export your prototype to HTML. A nice zip file containing the HTML, JS, Stylesheets, digital assets and any other data is exported and can run as a static project from your file system.

And there's more...

Branding

Proto.io allows companies (selected plans only) to add their own logos, URLs, and custom branding for a better user and customer experience.

Support

We strongly believe that by helping you we help ourselves to become better and build better software. Our powerful support system provides help documents and track tickets for best support management. We aim to reply in less than 24hours to any support request.

Share for review

Easily share your project for review. You invite and give access to reviewers to review your project. Each reviewer gets an invitation to test the prototype in a browser or the actual device.

Duplicate

Easily duplicate component items, screens, templates, containers and even projects.

SAAS and flexible billing

Built on a Software-as-a-service (SAAS) model, Proto.io is easy to expand as demand grows. All projects are hosted to the cloud with maximum security and performance. Secure Proto.io runs on a secure layer (SSL) and all data exchanged is encrypted. No digital assets can be accessed without a login. Proto.io users can have granular security rights and roles (admins, designers, reviewers).