In this video, Nathan Manousos shows how to create a new Flinto document. He starts by going over the options presented in the new document window then moves on to the Flinto interface. He shows how to add screens to your prototype and how to bring in image assets that have been exported from other design apps.
- View Offline
- [Voiceover] Let's take a look at what happens…when you first create a Flinto for Mac document.…Then I'll show you how to bring your designs…in from Sketch and other apps.…Create a new document in Flinto for Mac,…and you'll be presented with this window which lets you…choose the screen dimensions of your target device.…You can choose from common devices here, including…iOS devices, Android, and common web sizes,…or you can choose custom, where you…can enter any size that you'd like.…For this prototype I'll be using the iPhone 6 preset.…You can click this button in between the width and height…to switch between portrait and landscape orientations.…
There's also a pixel density option, which you…can't change when you've chosen a preset,…but if you choose custom dimensions,…you can set the pixel density that you would like…that matches your device.…The iPhone 6 uses a 2x pixel density, so we're good to go.…I'll click the Create button and then…walk you through the interface.…After creating a document, you'll see…
- What is Flinto?
- Importing designs into Flinto for Mac
- Linking screens
- Designing transitions
- Reusing transitions
- Adding scrolling content
- Previewing and sharing your prototype