2. High Level Concepts

Concepts to understand before using Pixate

Previewing natively

Pixate creates 100% native app prototypes that run directly on your iOS or Android device. The process works like this:

  1. Make changes to your prototype in Pixate
  2. As edits are saved, the Pixate app will generate or refresh the native prototype on your mobile device in real-time
  3. The current version of your prototype can be accessed through the app at any time

Pixate prototypes only work on native iOS and Android devices because they're 100% native. This lets you build complex prototypes that give you the same experience you'd get from writing native Objective-C or Java, but without any coding.

Download the Pixate mobile app on Android or iOS to preview your prototype live on your device!

Having troubles connecting? Check out this chapter.

Working with Pixate

The process of using Pixate is broken into two parts: the creation and editing of a prototype using Studio, and the sharing and storage of a prototype in the cloud.

Pixate Studio is used to create and edit prototypes. This is the visual editor you use to create layers, animations and interactions. Studio can be used by itself, as it stores all files locally on your system.

If you want to share your prototypes or collaborate with teammates, you'll need to use the cloud portion of Pixate. This is the "connected" part of working with Pixate, as it requires a connection to the internet and a subscription.

Points vs Pixels

Pixate uses points instead of pixels, so dimensions and image sizes are a little different. Points are references for the size and position of views and rendered content. This makes it so one image can be displayed at two different resolutions on two different devices, with no visual difference in size.

When creating a new prototype, you'll see the densities (x2 and x3) next to the screen sizes for devices.

Use this as a multiplier when creating images to upload to Pixate. If you’re creating an app for the iPhone 6, which is x2, double the point dimensions to get the pixel dimensions for your image.

Feedback and Knowledge Base