![]() Taking everything into account, ProtoPie is a fairly competent prototyping tool that ticks all the right boxes. Last but not least, once you get the hang of things, you can start to improve your workflow with the help of keyboard shortcuts presented here. To get started with the tool and possibly even to decrease the learning curve a bit, we recommend that you first load one of the available demo projects, found on the app's official website, and by also taking a quick look at the Tutorial section. Powerful and very well-documented prototyping tool There are also four types of triggers, One-Time Triggers, Continuous, Sensor, and Conditional Triggers, all of which allow to work with different types of actions and interactions. The main components that stand out are neatly organized into separate categories such as Layer, Containers, Sensors, Responses, Timeline, Scene and Animation Curve. It might require a bit of getting used to, but you should be able to find it quite intuitive even if you haven't worked with similar tools before. The application sports a modern-looking and very responsive, black-themed UI with a clear-cut layout. Strikes a fair balance between user-accessibility and number of featuresĪll the tools you need are always within hand's reach and right on display without the usage of complicated menus or other similar solutions. The code is basically replaced by a series of interaction elements, such as "objects," "triggers" and "responses." There are other noteworthy stats, as well.įor example, it comes with support for simultaneous multi-touch actions (two- or three-finger inputs) and, even better, it allows you to test the results directly on your iOS (iPhone 5/SE, 6/6, 6 Plus and 7), as well as Android-based devices (Nexus 5 and 6, Galaxy S6, S7 and Note 5). Since it allows you to create sophisticated prototypes without having to write even a line of code, things are looking good right off the bat. Lastly, I grouped everything before exporting it over, to keep my ProtoPie file clean.Designed to smoothen the barrier between the programming and visual design components needed to create and test mobile apps, ProtoPie is a modern and well-equipped, cross-platform piece of software tool that aims to make the process of elaborating mobile prototypes feel "easy as pie." Create prototypes without having to write even a single line of code I also created a ‘confetti of hearts’ that we’ll use for the liking animation. The playbar has two rectangles, one with 30% opacity and one with 100% opacity. The heart has empty and filled versions stacked on top of each other. There’s a play button and a pause button on top of each other. I also made sure to include extra states I knew I’d need. I recreated the layout of the player from the Spotify iPhone app quickly using layout grids, Feather Icons and an image from Unsplash. ( You can also import from Sketch and Adobe XD.) I always set up my files in Figma and send them over to ProtoPie using the Figma import plugin. Each part is a separate scene, so you can just focus on what’s new. I find it really helpful to dive into a file to understand what’s going on, so you can follow along by duplicating my ProtoPie here.
0 Comments
Leave a Reply. |