UI Animation using Sketch 3, Principle App, and Flinto (Udemy.com)
Learn to prototype UI animations and micro-interactions using Sketch, Flinto, Principle, Marvel & Invision Craft Plugin
Created by: Pablo Stanley
Last updated April 2018
Our take
Based on the ratings of 1,105 students, a sample of their written reviews and the syllabus, as the course stood in April 2018. No course pays to be reviewed.
This is an 8.7 hour, 59 lecture course on prototyping UI animation with Sketch 3, then adding motion in Principle and Flinto (with a bit of Marvel and InVision's Craft plugin thrown in). Pablo Stanley, a San Francisco product designer, teaches it project by project: onboarding parallax effects, card flows, button systems with nested symbols. It's listed as all levels, moving from Sketch basics through advanced projects across seven sections.
Reviewers like Stanley a lot. They call him charismatic, easygoing, and fun to follow, and one reviewer says his English is easy to understand for non-native speakers. The complaints cluster around two things: pace and organization. More than one reviewer says he moves too fast and skips steps he explains later, and one reviewer calls the course structure chaotic, like a compilation of separate tutorials rather than one flow. The software itself has also aged, since Sketch, Principle, and Flinto have all changed since 2018.
The course was last updated in April 2018, and several reviewers flag that the versions shown no longer match what ships today, which causes real confusion in spots. It still holds a 4.6 average across over a thousand ratings, so most people come away satisfied with what they learn about motion design specifically. If you want a grounded intro to Sketch itself, look elsewhere first. If you already sketch out interfaces and want to see how a working designer adds animation, this earns its spot.
Pros
- Real project files: onboarding animations, button systems, card flows, not just theory
- Instructor is upbeat and easy to follow, several reviewers call it entertaining
- Covers three separate animation tools in one course: Principle, Flinto, and Sketch
- Understandable for non-native English speakers, per one reviewer
Cons
- Last updated in 2018, and reviewers say some plugins and software versions have since changed
- Instructor moves fast and skips steps he only explains many lectures later
- Requires a Mac plus separate trial software for Sketch, Flinto, and Principle
The instructor goes too fast. I have to stop and rewind to figure out what is going on and how the program should work. The lessons are over four years old
Listed as all levels; sections move from Sketch basics through advanced projects and three separate animation tools.
What you will learn
- Learn the Fundamentals and Some Advanced Tricks on Sketch
- Create realistic prototypes for mobile devices and web
- Create UI animation and micro-interactions using Flinto
- Create UI animation and micro-interactions using Principle
- Create simple prototypes using Marvel App
Course content
7 sections · 59 lectures · 8.7 hours of video
- 1Sketch 3 Basics 3 free previews6 lectures · 49 min
- 2Sketch 3 Intermediate Level Stuff 1 free preview11 lectures · 1.3 hours
- 3Sketch Advanced Stuff2 lectures · 1.3 hours
- 4Principle - Simple UI Animation and Prototyping Tool 1 free preview13 lectures · 1.4 hours
- 5Flinto - User Interface Animations Tool 1 free preview10 lectures · 41 min
- 6Projects 2 free previews11 lectures · 2.3 hours
- 7EXTRA: Intro to Design and Prototyping5 lectures · 58 min
Who it is for
The instructor says it suits
- Web Designers
- Mobile App Designers
- Developers wanting to know a bit more about User Interface Design
- Product Managers trying to learn new skills.
- Graphic Designers who which to start creating web and mobile products
What you need before you start
- Basic design skills (not obligatory)
- Sketch only runs on Mac. Having the latest OS is a must
- Get Sketch 3 (30 day trial)
- Get Flinto for Mac (15 day trial)
- Get Principle (15 day trial)
Course Description
UPDATE June 2017 - Nested Symbols!
- Creating a Button System with Nested Symbols
- Creating a Left Bar Navigation with Nested Symbols
UPDATE December 27 2016 - New projects!
- Creating an on-boarding parallax animation using Flinto and Sketch
- Drawing Santa on Sketch (Holiday Special)
- The most useful keyboard shortcuts on Sketch
- My Favorite practical Sketch Plugins!
UPDATE July 11th 2016 - New content!
- Added How to add Hover effects on Flinto - Mouse Over / Mouse Out. Great for web design prototypes
- Creating a Parallax UI Animation Using Flinto.
UPDATE July 5th 2016 - New content!
- Added a section covering Principle for Mac.
- 12 videos (over an hour of content)
- How to create character animations
- Parallax Effect using Principle
- Drag And Drop Interaction
- Continuous Interactions like Paging, Scrolling, Dragging.
- Many more!
UPDATE June 18th 2016 - New content!
- Added a section covering Flinto for Mac.
- 9 videos (over an hour of content)
- Connecting Layers, Complex Transitions
- User Interface Cards Flow Animation
- Adding Sound to Your Prototype (and many more)
//////////////////////////////////////
Introduction
Hola, my name is Pablo Stanley. I’ve been a designer for almost 18 years– And I have worked with different startups for quite a while. I want to teach you how to apply the tools I use every day–and I’ll give you some insight into my workflow and process as a product designer.
On this course you'll learn how to design web and mobile products using Sketch 3. We’ll also learn how to prototype full flows and micro-interactions using the most current apps in the industry like Flinto, Principle, Marvel App, and Invision’s Craft Plugin. And the coolest part about this course? We’ll learn how to create detailed UI animations and how to apply them to your projects.
This course is designed in different sections so you can jump around depending on your skill level. You’ll be able to learn how to use the tools to make your own designs from scratch. And we’ll also learn by doing, getting hands-on with more advanced projects.
So, Why Sketch?
Sketch 3 is a design tool focused on user interface and user experience design. Because of its simplicity, it’s really easy to understand; anyone with little to no training can learn Sketch. It’s perfect for designing for multiple mobile devices, working on responsive web design, delivering assets in an easy way, and makes collaboration with developers amazing. It also costs a fraction of the price of Adobe Suite (goodby monthly payment). So yeah, it's pretty cool.
Why Flinto, Principle, Marvel App and Craft by InVision
Principle makes it easy to create animated and interactive user interface designs. Great for Multi-screen app, or new interactions and animations.
Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.with custom animations, gestures, and Sketch import
This simple editor in Marvel allows you to link all your designs together in seconds, then add gestures and transitions to make your prototype feel just like a real app or website.
This Course
This course covers the basics, but also goes into detail on some advanced features, tricks, and plugins that I use in my daily workflow.
We'll also work on some cool projects that we'll be able to prototype and share on our mobile devices and the web. We'll even do some UI animation and micro-interactions that will make your prototypes look pretty realistic.
Instructor Details
- 4.6 Rating
1,105 Reviews
Pablo Stanley
Hello, I'm Pablo Stanley. I'm a San Francisco based product designer. I'm the designer and cofounder of a healthcare startup in San Francisco called Carbon Health. I love solving design puzzles, making silly illustrations, composing geeky music, creating colorful animated gifs, munching veggie burgers, and writing punny comics.
Mentoring is one of my new found passions. I want to learn and teach as much as I can and Udemy is the best platform for it.
I also write a comic series called “The Design Team”.
More courses by Pablo Stanley
Create hand drawn character animations using Photoshop (2016)
4.5 (532 Reviews)
Provider: Udemy
Time: 5.2h
$59.99
Design and Prototype an iOS8 Mobile App on Illustrator (2015)
4.1 (373 Reviews)
Provider: Udemy
Time: 5.5h
Free
More Sketch courses
Sketch from A to Z: Become an app designer (2025)
4.6 (10,354 Reviews)
Provider: Udemy
Time: 4.6h
$119.99
The Complete Sketch 5 Course - Design Apps & Websites 2021
4.5 (4,128 Reviews)
Provider: Udemy
Time: 15.3h
$84.99
Hands on Sketch Training - Learn Mobile App Design (2020)
4.5 (109 Reviews)
Provider: Udemy
Time: 17.1h
$19.99
Mastering Mobile App Design With Sketch 3 (2018)
4.4 (710 Reviews)
Provider: Udemy
Time: 5.1h
$39.99
From Sketch Design to iOS App with Swift and Xcode (2020)
4.4 (270 Reviews)
Provider: Udemy
Time: 4.1h
$59.99
UI UX Design Essentials: Create a Design System in Sketch (2020)
4.2 (133 Reviews)
Provider: Udemy
Time: 1.7h
Free
Reviews
By Gabriel Maldonado on 6/4/2020
The instructor goes too fast. I have to stop and rewind to figure out what is going on and how the program should work. The lessons are over four years old and some of the plugins and features are out of date or have changed. He also skips over how to do things in a program and does not address them until much later in different lessons. For example, he does not teach you how to align screens in Flinto until lesson 51! Very frustrating!
By Trinity Sell on 3/23/2018
Pablo, I have to say that I have really really enjoyed learning Sketch and Principle with you. I feel like in just this lesson I have learned so much that I can make actionable in my own work. I have gone from using Fireworks mostly to being able to use these industry standard programs with confidence. I love how you are fun to learn with and that you make jokes (for example importing a burrito for an image mask!) and make things fun and light hearted. You provide your users with good client delight. - A fellow UI designer.
By Davide Barni on 10/2/2017
Forego sketch and principle single focused courses and just take up this class from Pablo. Enlighting, fun, fast paced. What he considers a quick touch on a topic it´s a deeper and better explanation than found anywhere else. Definitely advised, and I´m looking up for more classes held by him, given how good he is at teaching and engaging. Well done.
By Rob P on 9/25/2017
Awesome course! As a designer i wanted to learn sketch for a more powerful programme other than PS for web/app design. I did a couple of other udemy course for sketch but felt like they weren't professional even though they showed basic tool box uses. This course is the one! The best thing for me about this course is it doesn't just show you what the different tools in sketch do. It shows you real work flows and how to use them rather than some other courses that show you the tools but leave you with a messy document which no other designer could take from you and use and gives you a bunch of bad work habits! Again this course is top banana! defo recommend for pro's expanding their tool box or beginners looking to start and get the best real world design practices! Make loads more of these pls Pablo
By Andy Crescencio on 7/12/2017
Pablo is an amazing instructor who provides you with the skills to have a solid understanding of Sketch, Principle, and Flinto. This course moves very quickly, sometimes a little too quickly. Prior experience with photoshop or any related program will help you keep up with the pace. Some of the sketch tutorials were hard to follow due to the confusing provided resource files, i.e. he provides files to work alongside his tutorials, and completed files with the tutorial steps already completed for you. I also wish that he demonstrated Flinto's behavior editor, which is a very powerful tool that I had to learn myself. Overall it's an amazing beginner course for people wanting a solid introduction to Sketch, Flinto, and Principle.
By Christian Dixon-McIver on 5/7/2017
This course simplifies the fundamental skills to improve your work flow within Sketch App, Flinto & Principle. I was left with everything I needed to start prototyping and improving my design efficiency. Pablo is a great tutor and explains all that's necessary as you progress with him, so I feel competent and motivated.
By Hai Dang on 5/4/2017
The course is practical and easy to follow, I am very enjoy following the examples. However, the resources is not very well organized and up to dated, that's why I give this course 4.5 start. I would recommend this course for those who is working as designer and front-end developer and would like to stay up to dated with newest tools and plugins.
By Zul Bani on 2/5/2017
It's very well presented. The instructor doesn't use any technical jargons. Easy to follow. I like the short music theme on every start and end of a video. My only complaint is that the exercise files for the first few videos are incorrect. The files does not match the video. Other than that, I highly recommend this course! :)
By Neil Estandarte on 12/20/2016
I've been using Sketch but not to it's full potential. Thanks for showing me around Pablo. Great course to get started or even if you have been using Sketch for a bit there are some hidden gems here that will definitely improve my workflow. Symbols are awesome, I've since installed Craft plugin from InVision (haven't yet used it but will watch videos again to learn). Pablo also has a free video on youtube about MarvelApp which is fantastic for noobs like me. I think the Principle course in here is really good too. I'm currently prototyping for work and taking this course has speed up my Design process 10 fold (without using everything that Pablo has put in here). I'll be referring to this course as a valuable resource all the time.
By Ronnie McBride on 12/17/2016
I found the pacing and material of this course perfect for learning how to start creating screens that communicate well beyond a static layout. The course is worth the price. Pablo is easy to understand and is very knowledgeable and creative. You definitely learning from an artist and not from a programmer and that a good thing!
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100








