Prototyping a circular loading indicator using Principle for mac

Drawing the shape

Creating the fill and setting up our first mask

GIF showing the mask animation

Animating the masks

Finishing touches

The final result

--

--

--

Head of design at Tines. https://www.jonnybelton.design

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jonny Belton

Jonny Belton

Head of design at Tines. https://www.jonnybelton.design

More from Medium

Inside Product Studio PwC France Series -Opus#1

Interface Discovery

Design Thinking: App Developer’s Sight

Can Figjam replace Miro?