Intuitive drag and drop interface.
Hundreds of fully interactive and customizable native UI items from major mobile OS like iOS, Android and Windows.
Large library with thousands of SVG icons that can be resized and recolored. Custom SVG image upload is also suported.
Jump-start your project by choosing one of the standard deives sizes such as iPhone 5, iPhone 6, iPhone 6 Plus, iPad, iPad Mini and more
Prototyping for a device other than the standard tablets or smartphones? Create your own custom sized device.
Design and use your own custom device frame for devices such as kiosks, Internet Of Things (IOT) devices, smart watches and more.
Upload your logo to add a flavor of your own brand in the Proto.io interface for your staff and customers.
Upload your own start/splash screen images for full iOS support when you add your project to the iOS home screen.
Designing for portrait and landscape. Use the 'auto' width and height option for fluid UI.
Embed a custom external HTML page to your prototype.
Upload your own assets (images, audio, video) or link an asset from an online resource.
Align and position your UI items with ease by enabling the smart guides option.
Customize the grid size and add rulers to your canvas for easy alignment of elements.
Proto.io creates a new version/revision every time that you save your project. You can rollback to any previous saved version at any time.
Setup the orientation of all or individual screens within your prototype. Trigger and respond to events when users rotate their devices (orientation change events).
Use any of the touch events available for mobile devices and touch screens, such as tap, double tap, hold, drag, swipe, pinch, zoom and more. Multi-touch events are fully supported.
All mouse events like click, double click and more are available for web and desktop prototypes.
Easily create scrollable areas and carousels. You can lock the scroll direction (vertically or horizontally) or allow omni-directional scrolling.
Nest scrollable containers with vertical and horizontal scrolling combined.
Easily add pinch and zoom functionality to containers.
Add custom colors using the easy to use color picker.
Use any of the standard fonts or any of the hundreds of Google web fonts that come with Proto.io.
Create re-usable containers to apply the same content like menus or content blocks to more than one screen. Edit the content once and see it change in all the screens it is used.
Your project is automatically saved every minute. You can also save your project at any other time you wish to do so.
Start using Proto.io in minutes. There is nothing to download or install as it works in your web browser. Chrome, Safari and Firefox browsers are fully supported.
Drag to re-arrange and rename UI items on each screen using the side panel Item browser.
Find and use a great number of stock images and icons in our asset library available automatically in every Proto.io project.
Easily group, lock, arrange and align UI items on a screen.
Set UI items as fixed on the screen so that they don't move when a screen transitions to another with animation.
Any single event can trigger multiple interactions to happen either in sequence or concurrently.
Trigger an event assigned to a different item even if it's on a different screen.
Every UI item in the Proto.io library, from buttons and labels to flip switches, table rows and tab bars are fully interactive.
Add your own interactions on top of anything else, for example when you want to create hotspots on top of your own uploaded designs.
Trigger events based on touch events such as tapping, pinching, zooming and more.
Trigger events based on key strokes.
Trigger events based on screen status, e.g. when a screen is shown or hidden as well as based on orientation changes, e.g. when a user rotates his/her device.
Use any of the available actions to respond to triggered events. Actions include Go to screen, Change state of a container or screen, animations, logic and more
Add drag or rotate functionality to each UI item on your screen. Define the bounds and drag axis for each draggable item as well as snap (or free) drag.
Proto.io fully supports audio and video components and offers video and audio interactions like start/stop/pause audio and video. You can upload your own audio or video files or used 3rd party videos from Youtube.
Add beautiful native-looking transitions when navigating between screens like slide, pop, flip, turn, flow and fade.
Animate any item and trigger the animations based on events. Animations include move, scale, fade and more.
Apply any of the tens of easing available when animating items between states including quad easing, bounce, swing and more. You can also add cubic-bezier easing on any animation.
Use screen or container states to animate any item on your screen using an intuitive and easy to use timeline system with start and end time or duration and easing effects.
Publish your prototype multiple times and keep different published versions. You can share your published version with the public, anyone who has the link to the project or individual reviewers with password protection.
Publish your project and get feedback from other designers or reviewers that have access on the project. Users can add comments and create discussion threads to give feedback.
Easily copy/paste between projects. Work with other users concurrently on different projects and then merge your work to a single project using this feature.
Preview your project in your desktop web browser. Orientation changes, zooming and more options are available.
Preview your project on the actual device in the native browser of each mobile OS like Mobile Safari for iOS and Chrome on Android. You can also add your project to your home screen.
Preview your project on the Proto.io Player app for iOS or Android. You can easily zoom, fit to screen or pan each screen in your project. Preview projects with different screen sizes on each device.
Enable live preview to allow reviewers to see changes to your project as they happen without having to publish it every time.
Your project resizes to fit your browser screen for easy viewing. You can also zoom in and out or resize to original size.
Choose a light or dark frame for your device when previewing your project on the web browser.
Easily embed your project to your website or blog by copying/pasting a few lines of embed code generated by Proto.io.
Learn for the large library of documents, video tutorials, screencasts and demos available.
Sign up for a free webinar to learn Proto.io or become an expert prototype designer. Two webinars are available each month, one for amateur and one for expert users.
Export your prototypes to a beatiful PDF document and include any screens that you pick. Organize your screens, titles and summary in the document.
Export any or all of your screens to a zip file containing PNG images of the screens selected.
Organize your projects and give access grandular access rights to users in relation to which projects they have access to and if they can edit or just preview projects.
Rest assured that your projects are safe, secure and private behind our firewalls and clustered cloud-based environemnt. All client-server communication is encrypted with 128-bit encryption.
Use variables for conditional logic or for storing and displaying data accross the screens within your project.
Dynamically trigger an event to change any property of any UI item including text, position, sizing, opacity and more.
Proto.io offers a large number of video tutorials that will help you start or become an expert with Proto.io.
Proto.io expert prototypes give free online webinars twice week for novice and expert users.
A large library of documentation on various prototyping topics and Proto.io functionality is available.
Proto.io support team is always available to help you with any questions you might have.
Proto.io staff recreates and published prototypes of popular apps so that you can watch a video and learn how they are made.