Animate Designs and add Interaction with Principle
Playing problem
This video does not seem to be available

VIDEO TUTORIAL Animate Designs and add Interaction with Principle

Adria Jimenez
3 payments of 15,00€ with Klarna. Learn more

Unlimited download & streaming

Satisfied or refunded

100% secure payment

This Principle video tutorial teaches you, step by step, how you can move your Sketch 3 and Photoshop designs and prototypes from static images to animated, and interactive user experiences that you'll be able to play with and give to your clients and users to try, like the Apple, Facebook, Twitter and other thousands of companies are doing.

My name is Adria Jimenez, and I am an engineer and designer passionate about technology, design, and excellent products. During my life, I've worked in several multinational companies where I've learnt how to create curated and beautiful web and mobile applications, and recently I created several courses to teach others what I've learnt.

This is one of my most favorite topics, so I carefully created this course for anyone who wants to boost their design or UX career, learning how to move from static wireframes or designs to animated and interactive prototypes that you can show to your team or clients, using Principle.

What are you getting with this Principle video tutorial?

  • Lifetime access
  • HD video lessons
  • Step by step guides
  • Prototype challenges with solutions
  • Downloadable materials and exercises
  • Knowledge quizzes

What I'll be able to do at the end?

By the end of the course, you'll be able to create animated prototypes from your wireframes or designs that will provide interaction with the user, showcasing how to use certain features of your app without even touching a line of code.

As soon as you gain knowledge with the tool, we are going to go one step further creating full interactive prototypes that you'll be able to see directly on your phone, and not only that, the course has challenges that will help you learn and progress further in your career while you also have fun.

Who is the ideal student?

The ideal student for this course is an existing UX or designer who already knows how to wireframe or design applications but who wants to advance one step forward in his or her career and wants to be able to show or test animations or interactions with clients or users.

The only requirement for taking this course is to have an Apple computer and to be open to learning new cool stuff.

See you inside the course and see how quick your designs and wireframes improve.

What will you learn in this course?

Course plan
Chapter 1
Chapter 2
Get to know Principle
Chapter 3
Your first prototype with Principle
Chapter 4
Principle Advanced interactions
Chapter 5
Combining skills to create prototypes

Detailed course plan

Chapter 1 : Welcome
Lesson 1Welcome and how to get the most of this course
Lesson 2Course introduction. Is this course for me? How is the course structured?
Lesson 3Downloading and installing the required software
Chapter 2 : Get to know Principle
Lesson 1Principle interface
Lesson 2Drawing shapes
Lesson 3Adding your assets
Lesson 4Importing your assets from Sketch
Lesson 5Connecting your screens
Lesson 6Animate state between different screens
Chapter 3 : Your first prototype with Principle
Lesson 1Creating a shopping cart
Lesson 2Shopping cart, polishing the animations and transitions
Lesson 3Sharing your first prototype
Lesson 4Previewing and playing with your prototype on your iPhone
Chapter 4 : Principle Advanced interactions
Lesson 1Working with big content
Lesson 2Dragging layers across the screen
Lesson 3Content pagination
Lesson 4Control prototype behaviors using drivers​
Chapter 5 : Combining skills to create prototypes
Lesson 1How challenges work
Lesson 2Basic menu challenge
Lesson 3Solving the menu challenge
Lesson 4Creating a slingshot prototype
Lesson 5Prototyping for the Apple Watch with long press
Lesson 6Picture gallery deletion prototype challenge
Lesson 7Build the gallery step by step guide
Lesson 8Conclusion and thank you


Your questions about the course

With which software version is this tutorial compatible with?


What is the required level to follow this tutorial ?


Pay later or in 3 installments

Purchase price: 45,00 €
To pay later or in several staggered payments, select Klarna as a payment method at checkout.

Add items to your cart

Select Klarna at checkout

Receive an authorization

Pay later or in several times

3 payments of 15,00 €
every month, without interest
Total: 45,00 €
Display the conditions: Klarna
Klarna : terms of use deferred payment in 3 instalments

Wait ! 🤗

Access more than 19 free tutorials

Our data protection policy