LiveView for iPhone & iPad (Now with Retina support)

Mobile Application Design & Prototyping Tool

2008

LiveView is a specialized remote screen viewing application intended as a tool to help designers create graphics for mobile applications, it has also proven to be useful for creating quick and dirty simulations, demos, and experience prototypes.

For visual designers — Develop pixel–perfect graphics for the iPhone and iPad quickly and easily with a live view of your canvas/artboard while you work. LiveView is compatible with both standard and Retina displays.

For interaction designers — With your iPhone or iPad tethered via WiFi, you can interact with software prototypes and demos running on your Mac to communicate and iterate your concepts quickly.

For everyone — If you've ever needed to press a button from afar or wished that you could take a piece of your monitor with you across the room, this app may prove useful from time to time.

Inspired by and created to support the vibrant prototyping culture at IUAV.

Download

The LiveView Screencaster application is required in order to use LiveView. The application automatically checks for updates weekly by default, this can be disabled in the preferences. Thank you Teehan+Lax for supplying the vector iPhone 4 overlay.

Download LiveView for iPhone and iPad Download LiveView Screencaster for Mac

Mac OS X 10.5 and iOS 3.1 Required

Instructions

Start the LiveView Screencaster application on your Mac and place the window over the portion of the screen that you wish to screencast.
With your iPhone or iPad connected to the same WiFi network as your Mac, start the LiveView app.
Your Mac's “Computer Name” should be listed on your iPhone as it appears in the “Sharing” pane of your “System Preferences”. Be patient, depending on your WiFi connection it could take a few seconds for the name to appear.

Tips

For increased performance, connect directly to your Mac via a computer–to–computer WiFi connection. Choose “Create Network…” from the Airport menu bar icon to create a computer–to–computer network.
Try connecting multiple iPhones to a single screencaster. The first one to connect determines the screen size and can send mouse events. This can be useful for presentations and design reviews.
To use LiveView while working in your design program, simply hide the Screencaster on your Mac (command + h). The screencaster will continue broadcasting while hidden.
Toggling the device frame not only allows you to use more of your screen; it also enables you to choose whether screenshots you save include the device overlay or are only of the screen itself.