Search

Principle Tutorial : Scrolling and Tab Detail

  • Share this:
Principle Tutorial : Scrolling and Tab Detail

In this article I want to talk about design tools, this tools called the principle, this tool was built to create animated UI.

you can download this tool
https://principleformac.com/

Let’s Start

we will make an ui animation like this

1. Open your tools principle

2. Import your project to principle

in this article i use tools sketch for ui, i already share ui resource so you can download this resource

3. Select component

click dropdown menu vertical then choose scroll

4. Select tap

select photo and choose tap to detail photo

this is final ui animation

i hope you enjoy for this tutorial

Enjoy!!