“Hacking” Principle: 9 things you thought you couldn’t do

Hike One
Hike One
Jan 27, 2017 · 5 min read

Principle has gone from being the new kid on the block to the go-to tool for animation-heavy prototyping. We believe the key to its success is that it speaks the same language as designers do. It’s very similar to Sketch, Keynote and After Effects making it feel instantly familiar when opening it for the first time.

Is it difficult to learn how to use Principle? Not really. If you know how drivers, components, and the animation timeline work, then you know Principle. They are the fundamentals of the tool, and with them you can create just about anything in a relatively short period of time.

Sometimes it’s criticised for its lack of features. Users are looking for features they can’t find. But it often turns out that there is a solution by creatively using these fundamentals. Some call it “hacking”, but let’s not forget we’re using a prototyping tool, not a programming tool. As long as the user of your prototype gets a solid experience it doesn’t really matter how hacky it is.

The Principle community of Facebook has posted some excellent examples of this, and we have also done some “hacking” ourselves. Check it out:

3D

by André Gonçalves

Animate organic shapes

by Hike One | PRD

Background blur on top of video

by Hike One | PRD

Edge swipe

by Hike One | PRD

Constrain a draggable layer

by Carl BI

Create a big screen TV experience

by Hike One | PRD

Double click event

by Daniel Hooper

Create a circular loader

by Kieran Black

Scroll based events

by Hike One | PRD

Ink ripples

by Hike One | PRD

Article by Jimmy Goedhart, Design Lead at Hike One

Hike One | Digital Product Design

A digital product design consultancy that brings to life…

Hike One | Digital Product Design

A digital product design consultancy that brings to life your ideas utilizing our knowledge of Design Sprints, UX methodologies and masterfully crafted visuals and animations.

Hike One

Written by

Hike One

Digital Product Design. We guide you to new and better digital products. Writing about digital, design and new products from Amsterdam, Rotterdam and Eindhoven.

Hike One | Digital Product Design

A digital product design consultancy that brings to life your ideas utilizing our knowledge of Design Sprints, UX methodologies and masterfully crafted visuals and animations.