Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website

Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website

Igor Vensko Tutorials

2 года назад

235,079 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Igor Vensko Tutorials
Igor Vensko Tutorials - 15.10.2022 17:09

Hi, want to know what I use to speed up my workflow? Check the video description.

Ответить
Tiger Usman
Tiger Usman - 12.10.2023 01:28

lovely but how can i get exercise files?pls

Ответить
Hamza Ahmed
Hamza Ahmed - 25.09.2023 14:59

sir provide the source file to practice this in figma

Ответить
Aspect Studios
Aspect Studios - 24.08.2023 11:34

Cool work but is there anyway to make this animation work while scrolling? I can see that this happens only when clicked

Ответить
Touseef Ahmed
Touseef Ahmed - 22.08.2023 15:15

Thanks for this wonderful tutorial, these interactions can't be export in any format like gif/json/video etc. So you have a done a great job butt for the front-end developer little tough to implement the same animation.

Ответить
Maria Kalozoumi
Maria Kalozoumi - 10.08.2023 15:26

great!! I was looking for something like this. Thank you!

Ответить
LFA TaI Chi Edinburgh
LFA TaI Chi Edinburgh - 06.08.2023 21:48

I've never used Figma before till watching you this is an amazing tutorial. How do you take from figma to wordpress? thanks again.

Ответить
AR Pops Gaming
AR Pops Gaming - 21.07.2023 19:26

can you tell me how can i make this effect on my website , i searched for doing that simuch but i didnt get any usefull stuff , if u know somethig please give me a replay

Ответить
rheina tamara
rheina tamara - 17.07.2023 06:21

developer crying in the corner rn HAHA, love the video btw! auto subscribe

Ответить
Nico
Nico - 13.07.2023 05:35

Currently learning animation and prototyping. This is so helpful, thank you!

Ответить
Kirk
Kirk - 07.07.2023 15:21

Wow, really nice explanation and cool design! Kudos!

Ответить
Creators Mafia
Creators Mafia - 03.07.2023 10:57

I was looking for a Figma tutorial and yours came up in the search; great timing!

Ответить
Adrián Pineda Valencia
Adrián Pineda Valencia - 20.06.2023 22:34

Thanks bro!! you really took me to another level in figma. I appreciated it.

Ответить
imad200430
imad200430 - 18.06.2023 22:28

Hello. Can you selling me this Figma ?

Ответить
Khan
Khan - 13.06.2023 00:49

How you record the prototype?

Ответить
talha saeed
talha saeed - 11.06.2023 16:00

great tutorial, loved it!!

Ответить
OLIVER AL
OLIVER AL - 09.06.2023 07:55

Where can I find the resources to be able to follow this magnificent tutorial?

Ответить
Shubham cane
Shubham cane - 07.06.2023 21:26

after watching this video animation is so easy to apply and also or organized. thank you

Ответить
dropsaarush
dropsaarush - 31.05.2023 13:07

how can I use animations made in figma like you've made in my real website ?

Ответить
Suresh P
Suresh P - 27.05.2023 13:11

thanks...very useful video...

Ответить
AQ SA
AQ SA - 26.05.2023 19:40

from where we can get assets that are use in this video?

Ответить
DENVER
DENVER - 14.05.2023 15:57

Игорь, подскажите пожалуйста, работаю сейчас над своим сайтом- портфолио и задумываюсь над созданием нескольких анимаций. Не возникнет ли проблем с экспортом данных анимаций используя figma to css плагин? Или если подскажите другой способ для переноса подобных прототипов в веб- я был бы очень признателен.

Ответить
arshi
arshi - 08.05.2023 03:58

So cooool!!!! Very beautifully explained the step-by-step process. Thank you.

Ответить
lali
lali - 17.04.2023 16:25

thank you so much, this is what I'm looking for so such time.

Ответить
Rahul kumar
Rahul kumar - 16.04.2023 12:00

Thank you so much for this video🤧

Ответить
Anderson Silva
Anderson Silva - 11.04.2023 16:52

your process is amazing! i thinking about the infinite possibilities if you use threejs for use 3d elements too. Congratulations!

Ответить
Gianpaolo Manfrini
Gianpaolo Manfrini - 15.03.2023 15:50

Hello Igor, I'm a newbie of figma and I'm still looking for an expert who can explain why spend time on animations in figma. Is figma able to export animations too in code? Otherwise I don't get why loose time on prototype animations, knowing that probably, the way to develop it will depend on framework you want.
Thanks a lot if you find a minute to answer.
Bye

Ответить
Chia-Ling x Ceyda
Chia-Ling x Ceyda - 12.03.2023 13:24

Wow, it’s amazing 🤩. I wish I will be able to make like this one day 👍

Ответить
zahraa Love
zahraa Love - 04.03.2023 14:17

Thanks a lot 😘❤️❤️

Ответить
Dmytro Ptushko
Dmytro Ptushko - 24.02.2023 01:33

Наконец я нашел полное объяснение данному эффекту на примере лэндинга.Круто,пошагово,с описанием, доступно. Спасибо!

Ответить
JeffJeff
JeffJeff - 10.02.2023 21:12

Wow! Insane tutorial. Thank you, Igor!

Ответить
arianna
arianna - 03.02.2023 15:44

How did you "separate" the pieces of the bottle from the image?

Ответить
Jean Laïs MUNDENGA
Jean Laïs MUNDENGA - 16.01.2023 02:52

Thank you for sharing your interaction design skills.

Ответить
barals
barals - 10.01.2023 13:53

Hi Igor, thank you for what you do. Are we able to make this parallax scrolling simulation mobile responsive using the same Figma presentation? Thank you.

Ответить
Mohit Attri
Mohit Attri - 10.12.2022 20:59

Hii Sir,
This is an Amazing Tutorial on Animation in Figma
Looking forward to seeing some more tutorials on Figma animation.

Ответить
Cha Lagrama
Cha Lagrama - 06.12.2022 04:34

I’M IN AWE SIR! YOU’RE THE BEST! 👏👏👏

Ответить
Shajitha G
Shajitha G - 02.12.2022 14:58

Love the whole tutorial. Please make more such figma animation tutorials. Very much in need of them right now.

Ответить
Christina Addams
Christina Addams - 24.11.2022 08:36

Do you connect the site through figma or develop it ? If so how haha thank you !

Ответить
Kareem Sadek
Kareem Sadek - 24.11.2022 00:45

can this be recreated in XD ? and really nice tutorials in almost every way, thanks for sharing

Ответить
Jonathan Mendoza
Jonathan Mendoza - 20.11.2022 22:39

Nice animation, i am learning this semester UI/UX, my question is, how i can get that material or the images that you are using to practice myselft?

Ответить
eman fatima
eman fatima - 08.11.2022 22:58

how can we go back with scrolling randomly....like we do in any screen

Ответить
Ervan sep
Ervan sep - 07.11.2022 06:26

Thank you for sharing your skill and instruction

Ответить
Walt D
Walt D - 31.10.2022 22:09

Unreal brother. Wonderful job. Thank you for sharing your skills and instruction.

Ответить
joseph joshua joseph
joseph joshua joseph - 25.10.2022 00:54

you look like you are enjoying making this animations hahah i cant imagine how the developer would react if i did this as well XD thank you so much for the idea

Ответить
Rene de Samble
Rene de Samble - 22.10.2022 15:47

Спасибо за туториал! То что искал!)

Ответить
uni iidx
uni iidx - 19.10.2022 12:22

Does the animation work the same if we scroll ?

Ответить
Tarcisious Kuate Rasegojwa
Tarcisious Kuate Rasegojwa - 18.10.2022 16:05

this was well detailed

Ответить
Alex Westgate
Alex Westgate - 18.10.2022 16:03

Hi, I was wondering if It was a possibility to animate a video on scroll, each cursor down movement plays the video frames on a bit

My idea was to export the video as a image sequence, then animate each individual frame downward with smart animate, but with 30 second videos that could take FOREVER,

Thanks,
Alex

Ответить