Animate Your Ideas and Design Better Apps

Animate Your Ideas and Design Better Apps

Learn to add animation and interaction to your Sketch 3 and Photoshop designs without writing code.

What You'll Learn

Learn how to add interaction to designs and wireframes
Create animated prototypes
Build microinteractions
Showcase app ideas to team or customers


This course will teach you step by step how you can move your prototypes and designs 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.

I'm Adria Jimenez and I'll be your instructor. I'm an engineer and designer passionate for technology, design and great products. During my life, I've worked in several multinational companies where I've learned how to create curated and beautiful web and mobile applications and recently I created several courses to teach others what I've learned.

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.

What are you getting with the course?

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

What will I 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.

Course Info.

2½ hours







Try for 30 days

Try Now

30 day money back guarantee


1:34 Welcome
4:27 Course introduction. Is this course for me? How is the course structured
1:40 Downloading and installing the required software
Get to know the tool
7:40 Software interface
1:54 Drawing shapes
3:20 Adding your assets
3:16 Importing your assets from Sketch
3:37 Connecting your screens
3:40 Animate state between different screens
Your first prototype
5:18 Creating a shopping cart
3:52 Shopping cart, polishing the animations and transitions
1:51 Sharing your first prototype
2:51 Previewing and playing with your prototype on your iPhone
Advanced interactions
5:14 Working with big content
1:20 Dragging layers across the screen
4:70 Content pagination
8:20 Control prototype behaviors using drivers​
Combining skills to create prototypes
2:90 How challenges work
1:11 Basic menu challenge
7:80 Solving the menu challenge
8:30 Creating a slingshot prototype
6:53 Prototyping for the Apple Watch with long press
1:22 Picture gallery deletion prototype challenge
10:13 Build the gallery step by step guide
1:19 Conclusion and thank you

How It Works



Each course is like an interactive textbook with pre-recorded videos, quizzes and projects.
Peer Support


Connect with thousands of other learners to debate ideas, discuss course material, and get help mastering new concepts.

Your Teacher

Adria Jimenez

Adria Jimenez

Software Engineer, Designer