Today we will design a website navigation which is smooth and looks like a zipper. It’s crazy what one can do with some anchor points and some imagination. We will utilise the new polygon tool in Adobe Xd to make our work easier and faster.
I have created a 3 sided polygon (triangle) and then changed the side curves to a very high number to get a circle. Then all I needed to do was to add more anchor points, change the curve of those points, and voila! A smooth auto animate tutorial was born.
As always, I am linking the link to the final Xd file down below:
Xd File: http://bit.ly/warpingweb
I’m a passionate UX/UI Designer from India. I love creating and sharing with the community. Also, I’m a marathon runner and lifestyle enthusiast when I’m not designing.