Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/domenicosolazzo/awesome-flinto

Awesome list of resources for Flinto
https://github.com/domenicosolazzo/awesome-flinto

List: awesome-flinto

Last synced: 3 months ago
JSON representation

Awesome list of resources for Flinto

Awesome Lists containing this project

README 

        
# awesome-flinto

Awesome list of resources for Flinto



## Description

Flinto for Mac is a comprehensive app prototyping tool that allows you to create anything from simple tap-through prototypes, to comprehensive prototypes with impressive interactions. We’ve carefully designed Flinto for Mac to minimize complexity. There’s no programming or timelines. It’s the prototyping tool designers have been waiting for.



## Tutorials

- [New Document and Screens](https://www.flinto.com/tutorial_videos/1): An overview of creating your first Flinto for Mac document, adding screens and laying out the screen with assets from Finder.

- [Links and Gestures](https://www.flinto.com/tutorial_videos/2): Add interactivity to your prototype by creating links between screens. Flinto for Mac makes it easy!

- [Layer Transitions](https://www.flinto.com/tutorial_videos/3): Easily create advanced transitions involving individual layers in Flinto for Mac.

- [Screen Transitions](https://www.flinto.com/tutorial_videos/4): Create simple but impressive screen-based transitions in Flinto for Mac's Transition Designer.

- [Overlaid Content](https://www.flinto.com/tutorial_videos/5): Learn to simulate pop-up alerts and other types of overlaid content in this tutorial.

   - [Project file](flinto-overlay-tutorial): The project file for this tutorial.

- [Connected Layers](ttps://www.flinto.com/tutorial_videos/6): Make transitions that appear to take place in one screen using the powerful connected layer feature in Flinto for Mac.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/006/original/flinto-connected-layers-tutorial.zip): - The project file for this tutorial.

- [Reusable Transitions](https://www.flinto.com/tutorial_videos/7): Learn how Flinto for Mac's reusable transitions work. This is a huge time saver!

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/007/original/flinto-reusable-transitions-tutorial.zip): The project file for this tutorial.

- [Cell Swipe Transition](https://www.flinto.com/tutorial_videos/8): This example demonstrates how to build a cell swipe interaction in Flinto for Mac.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/008/original/flinto-cell-swipe-tutorial.zip): The project file for this tutorial.

- [Timer Links](https://www.flinto.com/tutorial_videos/9): Learn to use timer links to automatically trigger a transition to another screen.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/009/original/flinto-timer-links-tutorial.zip): The project file for this tutorial.

- [Coverflow transition](https://www.flinto.com/tutorial_videos/10): Learn to build a 3D coverflow style transition in Flinto for Mac's transition designer.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/010/original/flinto-coverflow-tutorial.zip): The project file for this tutorial.

- [Scroll Groups](https://www.flinto.com/tutorial_videos/11): Add scrolling areas to your screens using scroll groups.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/011/original/flinto-scroll-groups-tutorial.zip): The project file for this tutorial.

- [Parallax Scrolling Effect](https://www.flinto.com/tutorial_videos/12): Use Flinto for Mac to simulate a parallax scrolling effect.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/012/original/flinto-parallax-tutorial.zip): The project file for this tutorial.

- [Tinder Style Transition](https://www.flinto.com/tutorial_videos/13): Follow along with this example to create the much-requested Tinder photo swipe transition.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/013/original/flinto-judgement-tutorial.zip): The project file for this tutorial.

- [Background Color Fade Transition](https://www.flinto.com/tutorial_videos/14): A quick overview of how I created this card swipe transition with a nice color background fade effect.

   - [Project file](https://www.flinto.com/assets/tutorial_videos/project_files/000/000/014/original/flinto-swipe-fade-tutorial.zip): The project file for this tutorial.

- [Video Layers](https://www.flinto.com/tutorial_videos/15): Add video or animated GIF layers to your prototypes.

- [Re-Import from Sketch](https://www.flinto.com/tutorial_videos/16): A quick tour of Flinto's support for re-importing designs from Sketch.



# Articles

- [Easily Build Code-Free iOS Prototypes With Flinto](https://medium.com/@kamkeshmiri/easily-build-code-free-ios-prototypes-with-flinto-a81502bb0121#.huqztf9zz): A hand’s on walkthrough for designers and entrepreneurs to quickly build prototypes that feel native on iPhone and iPad

- [Quick iOS prototyping in Flinto](http://blog.mengto.com/quick-ios-prototyping-flinto/): Quick iOS prototyping in Flinto

- [How Can You Use Flinto to Create Cool Interactive Prototypes?](https://yalantis.com/blog/how-can-you-use-flinto-to-create-cool-interactive-prototypes/)



# Videos

- [Prototype iOS Apps with Flinto](https://www.youtube.com/watch?v=NbdduKMdqeM)

- [App Prototypes with Sketch and Flinto](https://www.youtube.com/watch?v=BBfalM8vi_g)



# Reviews

- [Flinto vs Principle](http://savvyapps.com/blog/flinto-vs-principle-app-prototyping-review): A Review of Two New App Prototyping Tools

- [Flinto vs Principle for Mac (DN)](https://www.designernews.co/stories/54824-principle-vs-flinto-for-mac): Discussion about the difference between Flinto and Principle.

- [Three more prototyping tools: Flinto, Principle, Tumult Hype](https://medium.com/sketch-app-sources/three-more-app-prototyping-tools-compared-principle-flinto-for-mac-tumult-hype-f73bc056bb42#.4hodo2bnk): Comparison between Flinto, Principle and Tumult Hype

- [Flinto for Mac (DN)](https://www.designernews.co/stories/54734-flinto-for-mac): Designer News review of Flinto

- [Flinto review by Grapefruit team](http://www.grapefruit.ro/ideas/flinto-for-mac-review-grapefruit/)



# Classes

- [Skillshare classes](https://www.skillshare.com/classes/flinto)