To explain your designs, you don’t need
to do what the engineers do.
Instead of writing code, you can
compose interactions by combining
Interaction Pieces together.
Your interactions will result in faster and
more efficient communication
between designers and engineers.
Do you find yourself using static
images to explain pinch zoom
two-finger rotate features? Play with
physical device. ProtoPie supports
up to five simultaneous
allowing five-finger gestures.
It is sometimes hard to explain design
with visual material only.
Build full product looks-like /
prototypes utilizing sensors on the
Control elements of the
prototype on the display using
smartphone’s accelerometer or
One important design factor for
Google’s Material Design is masking.
Use masks on simple vector elements
and bitmap images, and move
scale the masks themselves.
Prototyping for Material Design
never been easier.
Sophisticated animations require
for movement of
elements. Take advantage
interfaces to see every element’s
moments at a glance and to adjust
You might want to show an interaction
several pages or a transition
effect between pages.
interactions can easily become
when you place numerous
image assets on the canvas
for two or
more pages. Utilize ProtoPie to keep
prototype simple with multiple scenes.
Additionally, don’t forget to take
advantage of various
Pull and ChainPull from the edge of the screen to
simultaneously reveal the Drawer
and trigger other interactions.
Page and ScrollSwipe to change pages or scroll
or horizontally through
Multi finger gestureUse pinch-to-zoom, two-finger
and/or five-finger input to
change look of
Tilt SensorTilt the smartphone to change an
position, opacity, rotation or
a variety of
Sound SensorChange the sound volume to trigger
changes and create interactions
3D Touch SensorIncrease or decrease the degree of
on the screen to control
of an object.