Figma Design: Landing page + Lottie GIF Animations

Focused View

Tetiana G

16:03

410 View

1 Intro.mp4

00:34

2 What are Lottie Animations.mp4

01:15

3 Library with Lottie Animations.mp4

01:26

4 Landing Page Design.mp4

12:48

skillshare - figma design landing page + lottie gif animations.zip

Description

In this short Figma class, you will design a simple landing page with Lottie GIF animations. We will cover the basics of Lottie animations, why they are important and how to implement them into UI design. In the end, you will design a beautiful landing page for the SaaS topic.

Download Lottie animations here

This is a perfect beginner's tutorial where together we will:

Work with layout grids
Apply different typography
Cover the basics of auto-layout
Implement Lottie animations

I encourage you to follow me in this class and share your landing page design here to get feedback.

Browse and get Lottie Animations here for your Figma project: https://creattie.com?_get=tetianag

What You'll Learn?

Landing Page Design
User Interface Design
Creative
UI/UX Design
Figma
Website Prototype
Lottie Animation

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Figma

Landing Page Optimization

2D Animation

Animation

Tetiana G

Instructor's Courses

UX Designer with a background in software development, currently improving the user experience of the SaaS application in the sustainable building industry. Besides my work, I enjoy recording Figma tutorials here on Skillshare as well as for my YouTube channel and LinkedIn Learning and also tutoring the ones who are interested in becoming UX designers.

Download my freebies about UI Design here: https://tetianag.gumroad.com/

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.