Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Figma Smart Animate Tutorial - Parallax Effect with GIF Animation on Website

Igor Vensko Tutorials via YouTube

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial demonstrates how to animate a website project in Figma using Smart Animate, parallax effects, masks, zooms, fades, and GIF assets. It also shows how to create a simple GIF in Photoshop.

Syllabus

Start
First screen
First screen Graphs
Create gif for animation
Parallax Bottle
Zoom / Parallax / Masks
Create simple gif in Photoshop
Hand with bottle
x4 bottles
Simple parallax
Fade in white
Final touch

Taught by

Igor Vensko Tutorials

Reviews

Start your review of Figma Smart Animate Tutorial - Parallax Effect with GIF Animation on Website

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.