

Flinto does make the transition between the two applications feel very familiar, which I love! Welcome Screen

You will find there is a lot of similar actions, and keyboard shortcuts to those that you use in Sketch. Quick Note: If (in the Layers Panel) your screen names are not in the same sequence as they were in Sketch, you can easily click, and drag to re-order them correctly. From the Layers Panel you will see that all your Layers/Groups have been imported, just as they were in Sketch, and that any Vectors have been converted to Bitmaps to increase the speed of your prototypes. In the next window, check that the Flinto file you saved earlier is selected, and click Merge.īack in Flinto, you will see all your screens have been imported into the application. Jump back to Sketch, and with all your Artboards (screens) selected, choose Plugins > Send to Flinto from the Menu bar, or use the Keyboard Shortcut Shift + Ctrl + Cmd + F.įrom the popup window, the plugin knows to scale the artwork up (to 2x) for the iPhone 6 Retina screen, so you can leave all the settings as they are, and click Send. Remember to quickly save the new document, and give it a name, for the Sketch plugin to reference very shortly. So delete that screen either by pressing Delete, or right-clicking on the screen, and choosing Delete. We of course, won’t be needing the screen that has just been created, as we’re importing the screens from Sketch. Quick Note: Again, the same as Sketch, you can move around the canvas by holding Space, and clicking and dragging. …to easily zoom in, and out on your screen until it’s displayed suitably for your setup. Once you have your New Screen displayed, you can use the same Keyboard Shortcuts as Sketch… This, in turn opens up the New Document window (Yes, I know, the obvious has well, and truly been stated).įrom there, set the Device Type to iPhone 6, and click Create.

Firing up FlintoĪfter opening up Flinto, you’ll be presented with the splash screen, where you can go ahead and click on New Document.
#FLINTO ANIMATION TO IOS CODE INSTALL#
Install Flinto, and the Sketch plugin, and then we’ll be ready to create some proto-goodness.
#FLINTO ANIMATION TO IOS CODE TRIAL#
If you haven’t already, go ahead and grab the Free Trial of Flinto (for Mac) and don’t forget to download the Sketch plugin too. Explore 11,000+ Sketch Templates Installing & Setting up Flinto
