How to Animate a Sketch UI using Principle | Dennis Muthuri | Skillshare

How to Animate a Sketch UI using Principle

Dennis Muthuri, UI Designer, UX Lover and Saxophonist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Videos (29m)
    • About the Class

    • Getting Ready for Class: Materials

    • Prepare Assets for Import to Principle

    • Importing to Principle

    • Our First Animation: The Action Button

    • Final animation: The Option Buttons

    • Reusable Animations using Components and Closing


About This Class

About the Class

This class will show you how to add motion to a User Interface that has been designed in Sketch using Prototype. It’s perfect for any designer who creates their UI using Sketch and wants to add motion and interaction to their designs.

No prior experience of Principle is required to take the class as I’ll explain how to use it. The only thing you need to do before you take this is to download the Principle app on your machine. Head over to and click the download button to do this.

Skills You will Gain

You will learn how to:

  • Prepare your Sketch UI for animation in prototype.
  • Properly import your Sketch file into prototype.
  • Use shapes, easing and timing effects to your UI.
  • How to use components to create re-usable animations


You will animate a pre-existing Sketch UI and create an effect similar to the compose button on the inbox app.





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Dennis Muthuri

UI Designer, UX Lover and Saxophonist

Based in Nairobi, Kenya, Dennis Muthuri is a problem solver at heart and is attracted to great design which solves problems as well as pushes the limits of what's possible.

As a consultant, he's worked with startups and consulting agencies such as Sky.Garden and ihub for most of his career, helping their teams craft products which deliver customer value contribute to their bottom line. 

He'd like to spend the next part of hi...

See full profile

Report class