Igor Vensko Tutorials
Igor Vensko Tutorials
  • 58
  • 1 166 656
Figma Animation Tutorial (+free file) Choose your side
In this Figma Leonardo AI Animation Tutorial you will know how to create simple nice animation using generated AI images in Leonardo.ai. You can download Figma file and repeat tutorial from same starting point.
🚀 *All techniques I use in tutorials are covered in Figma Animation Course* - www.wizardcourse.pro/
🤩 Download Figma file - figma.wizardcourse.pro/figma-tutorial-choose-side
👉 Try Leonardo.ai - app.leonardo.ai/?via=igor
00:00 - Assets
02:22 - Animation
👽 Igor Vensko
Web / Graphic / UI / UX / Designer
Always available for interesting projects
💪Support and Follow me
🍕 Buy me a Pizza - www.buymeacoffee.com/igorvensko 🍕
Behance 👉 www.behance.net/igorV
Dribbble 👉 dribbble.com/Vensko
Instagram 👉 igorvensko
Facebook 👉 VenskoAgency/
~~~~~~~~~~~~~~
📃 Images - Leonardo.ai
Some of the links above may contain affiliate partnerships, meaning, at no additional cost to you, I may earn a commission if you click through to make a purchase.
#figma #animation #tutorial #webdesign #ui #ux #designer #portfolio #vensko #freelancer #figma #motion
Переглядів: 3 329

Відео

Figma Leonardo AI Animation Tutorial (+ free file)
Переглядів 9 тис.8 місяців тому
In this Figma Leonardo AI Animation Tutorial I will show you simple animation for one page using generated AI images in Leonardo.ai and video from Pixabay. You can download Figma file and repeat tutorial from same starting point. 🚀 *Check Figma Animation Course* - www.wizardcourse.pro/ 🤩 Download Figma file - figma.wizardcourse.pro/figma-tutorial-dragon 00:00 - Assets 02:00 - Christmas balls 05...
Free Demo Figma Animation Course: Try before you Dive
Переглядів 6 тис.9 місяців тому
🚀 *Full course available only on* www.wizardcourse.pro/ This is a free Demo version of the course ”*Stunning Website Design & Magic Animation in Figma*”. Full course is divided into 3 parts with a total duration of more than 20 hours. You will learn how to create eye-catching animated website design prototype and advanced techniques for animating and cool interactions. And this video will show ...
Figma Animation Course - Stunning Website Design & Magic Animation in Figma
Переглядів 7 тис.9 місяців тому
🚀 *Finally! Available for purchase only on 🡲 www.wizardcourse.pro/ 🡰* 🤩 My first Figma Animation Course called "Stunning Website Design & Magic Animation in Figma" In over 20 hours of video you will learn how to create eye-catching animated website design prototype and advanced techniques for animating and cool interactions (50 examples)! To complete the course, you will only need to have a fre...
Trailer Figma Animation Course - Part 2 of 3
Переглядів 2,5 тис.9 місяців тому
Trailer Figma Animation Course - Part 2 of 3
Trailer Figma Animation Course - Part 3 of 3
Переглядів 3,1 тис.10 місяців тому
Trailer Figma Animation Course - Part 3 of 3
Trailer Figma Animation Course - Part 1 of 3
Переглядів 2,6 тис.11 місяців тому
Trailer Figma Animation Course - Part 1 of 3
Dora Tutorial - Parallax Scroll Website with AI Midjourney, ChatGPT, D-ID, Figma, and PS
Переглядів 42 тис.Рік тому
Dora Tutorial - Parallax Scroll Website with AI Midjourney, ChatGPT, D-ID, Figma, and PS
Tutorial Rabbit from Midjourney animated in Photoshop
Переглядів 2,1 тис.Рік тому
Tutorial Rabbit from Midjourney animated in Photoshop
Amazing Web design using Midjourney AI art + ChatGPT in Figma with animation
Переглядів 11 тис.Рік тому
Amazing Web design using Midjourney AI art ChatGPT in Figma with animation
Channel Future and plans for 2023
Переглядів 1,9 тис.Рік тому
Channel Future and plans for 2023
Is Pixso the best Free Figma alternative?
Переглядів 5 тис.Рік тому
Is Pixso the best Free Figma alternative?
Figma Midjourney Animation Tutorial - Parallax effect + mp4
Переглядів 231 тис.Рік тому
Figma Midjourney Animation Tutorial - Parallax effect mp4
Website design and logo for Neso.life
Переглядів 2,1 тис.Рік тому
Website design and logo for Neso.life
WizardMode.io - Web Design Subscription Services
Переглядів 2,7 тис.2 роки тому
WizardMode.io - Web Design Subscription Services
Video in Adobe XD Animation Tutorial - SpaceX redesign #3
Переглядів 3,9 тис.2 роки тому
Video in Adobe XD Animation Tutorial - SpaceX redesign #3
Showreel Igor Vensko Tutorials 2022
Переглядів 4,9 тис.2 роки тому
Showreel Igor Vensko Tutorials 2022
Adobe XD Advanced Animation Tutorial - Parallax. SpaceX redesign #2
Переглядів 7 тис.2 роки тому
Adobe XD Advanced Animation Tutorial - Parallax. SpaceX redesign #2
Free Adobe XD Advanced Animation Tutorial SpaceX redesign #1
Переглядів 14 тис.2 роки тому
Free Adobe XD Advanced Animation Tutorial SpaceX redesign #1
Fullbax Website Design Animation created in Figma
Переглядів 4,7 тис.2 роки тому
Fullbax Website Design Animation created in Figma
Adobe XD Animation Tutorial 2/2 - 3d Transform and Parallax Effect for Website Design.
Переглядів 7 тис.2 роки тому
Adobe XD Animation Tutorial 2/2 - 3d Transform and Parallax Effect for Website Design.
SpaceX website redesign - challenge #shorts
Переглядів 5 тис.2 роки тому
SpaceX website redesign - challenge #shorts
Teaching you how to animate in Adobe XD - Part 1/2
Переглядів 13 тис.2 роки тому
Teaching you how to animate in Adobe XD - Part 1/2
Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website
Переглядів 246 тис.3 роки тому
Figma Smart Animate Tutorial - Parallax effect with Gif animation on Website
Animation Tutorial ala Gif / Video in Adobe XD
Переглядів 103 тис.3 роки тому
Animation Tutorial ala Gif / Video in Adobe XD
LIVESTREAM Animation ala Gif / embed video in Adobe XD + Photoshop - Game Platform Concept
Переглядів 7 тис.3 роки тому
LIVESTREAM Animation ala Gif / embed video in Adobe XD Photoshop - Game Platform Concept
Adobe XD Animation Tutorial - Responsive website for Instagram
Переглядів 15 тис.3 роки тому
Adobe XD Animation Tutorial - Responsive website for Instagram
Adobe XD Animation Tutorial - Parallax Effect for Website Design.
Переглядів 171 тис.3 роки тому
Adobe XD Animation Tutorial - Parallax Effect for Website Design.
Photoshop Tutorial Book Cover Design. Timelapse Process.
Переглядів 1,8 тис.3 роки тому
Photoshop Tutorial Book Cover Design. Timelapse Process.
Adobe XD Animation Tutorial - Auto Animate for Website
Переглядів 144 тис.3 роки тому
Adobe XD Animation Tutorial - Auto Animate for Website

КОМЕНТАРІ

  • @martinui4892
    @martinui4892 2 дні тому

  • @shaikhfaqrunnisha2520
    @shaikhfaqrunnisha2520 4 дні тому

    Hi Igor, thank you formaking this tutorial. Quick question - can we add this full figma prototype to the behance directly?

    • @igorvensko
      @igorvensko День тому

      Hi, we can add Prototype as Embed to Behance project.

  • @PodClips-xc4su
    @PodClips-xc4su 14 днів тому

    Você consegue fazer animate com um vídeos? Por exemplo, um carro em movimento, zoom in na roda, depois zoom out numa janela e depois zoom out mostrando todo ele? Fica a dica. Valeu o vídeo. Grande abraço do Brasil.

  • @amrah9835
    @amrah9835 25 днів тому

    How did you create this?

  • @TheKiki223
    @TheKiki223 Місяць тому

    Good job! Amazing ❤

  • @neerajpandey5222
    @neerajpandey5222 2 місяці тому

    How can we get the files of these ((

  • @PerryBiston
    @PerryBiston 2 місяці тому

    Could you supply a follow along file? I purchased and completed your Animation course and really enjoyed it! I would love to follow along with this one.

  • @ksohan
    @ksohan 2 місяці тому

    Hi! Great Tutorial! Is there a way to download the prototype animation as a GIF in Figma? Thank you.

  • @theado3183
    @theado3183 2 місяці тому

    Wow you are crazily talented! Thank you for sharing!

  • @daasedits9772
    @daasedits9772 2 місяці тому

    igor i want the video pleaseeeeeeeeeeeeee ! i dont want to spend money please you must have shared the video also of abstract lines : (

  • @tranquillofiii
    @tranquillofiii 2 місяці тому

    Hi, Igor This is amazing, Learned a lot!, just wandering how did you usually do, to export Figma animation to Mp4 file ? I tried to record my screen, but I feel it's lost frame, the animation lost its smoothness. Thank you very much !

    • @igorvensko
      @igorvensko 2 місяці тому

      I use OBS studio for recording. For smooth animation we need to optimize all images and video files (make less size as possible). And sometimes we need just increase time for transitions.

    • @tranquillofiii
      @tranquillofiii 2 місяці тому

      @@igorvensko Thank you very much for your response, I will keep that in mind! appreciated!!

  • @jasomiao_
    @jasomiao_ 3 місяці тому

    gooooooooooooooooood

  • @shaechavia5366
    @shaechavia5366 3 місяці тому

    Hi! Is this still available?

    • @igorvensko
      @igorvensko 3 місяці тому

      Hi, yes, of course. Course available on www.wizardcourse.pro/

  • @MihirMoridhara
    @MihirMoridhara 3 місяці тому

    sir how to download images

  • @josevanloo1117
    @josevanloo1117 3 місяці тому

    How long do you think the programmer will take to develop this?

    • @igorvensko
      @igorvensko 3 місяці тому

      Depends on programmer experience. Maybe 1 week, maybe month.

    • @josevanloo1117
      @josevanloo1117 3 місяці тому

      @@igorvensko true, thank you sir.

  • @sanketsuri8939
    @sanketsuri8939 3 місяці тому

    How to animate this?

  • @aresfernandezm.f.2593
    @aresfernandezm.f.2593 3 місяці тому

    Buenos días, acabo de ver tu video hoy 13 de mayo 2024 y te pediría si puedes hacer un video mas actualizado de como realizar una pagina web con Dora IA y así ver paso a paso como se debe de realizar, gracias.

  • @aresfernandezm.f.2593
    @aresfernandezm.f.2593 3 місяці тому

    Good morning, I just watched your video today, May 13, 2024, and I would ask you if you could make a more updated video on how to make a website with Dora AI and see step by step how it should be done, thank you.

  • @AkinsRealm
    @AkinsRealm 4 місяці тому

    Thank you for this great tutorial! 🙌

  • @rdelvie
    @rdelvie 4 місяці тому

    thank you for sharing your knowledge with us.

  • @shifatmasud
    @shifatmasud 5 місяців тому

    Can I get the figma file?

  • @christianhoper9378
    @christianhoper9378 5 місяців тому

    We are in the unfortunate position of needing to migrate from XD.. Figma seems good.. but dev mode pricing is a joke... and Pixso seems like a bit of a rough alternative.. but an option.. just that they don't support adobe fonts like Figma does so that's a big issue. They only support fonts that are downloaded to your machine.. not adobe CC fonts.. I have reached out to support and they have been useless.. doesn't bode well!

  • @Houston93
    @Houston93 5 місяців тому

    I have a question I don't know how to solve. When I make animation of 4 blocks, on the test frame all is well, when I put a copy of the component in the main frame, when viewing the animation I see all icons first white, then the white color disappears and already as necessary look, what is the reason? not the 1st time I face with such an answer can not find any way, clip content everywhere off, I do everything as in the video

  • @7flames855
    @7flames855 5 місяців тому

    I really am I great admirer of your work! I've learnt alot from you. I would really like to know how do you record your figma prototype so clean without any lags? Hm

  • @manoaramanantsalama
    @manoaramanantsalama 5 місяців тому

    can we do this scroll effect in the free plan?

  • @natalya.artist
    @natalya.artist 5 місяців тому

    Спасибо ❤ очень приятно смотреть и слушать!!) вы очень талантливы!

  • @precioushans8238
    @precioushans8238 5 місяців тому

    you are a figma god

  • @pedrobatista8966
    @pedrobatista8966 5 місяців тому

    Looks great, any tips on the course on handover for development those animations or libs if needed?

    • @igorvensko
      @igorvensko 5 місяців тому

      The course only shows the process of creating animation in Figma. No code or programming. Animation in Figma is created for presenting a project to the client (to increase the percentage of project approval) and social networks. Animations of varying complexity are shown and further development depends on many factors. Some animations can be implemented on the site by creating a GIF or video, for some elements you need a senior javascript developer, parallax we can create in website builders like Framer or Webflow. Personally, I focus only on creating the design (graphic part). After the project is approved, I send the Figma file and an example of animation in the form of a video file and comments to the coder for further development. We can implement any idea and animation, it all depends on the project budget, coder skills and deadline.

  • @perigosu8449
    @perigosu8449 6 місяців тому

    are you available for hire?

    • @igorvensko
      @igorvensko 6 місяців тому

      Hi, I'm always available for interesting projects. You can write to wizardmodedesign @ gmail.com

  • @mohdtaj7998
    @mohdtaj7998 6 місяців тому

    great work. Any luck for the project file?

  • @indiamoon
    @indiamoon 6 місяців тому

    I am sorry A person sold this video of yours to me and took money from me for this video, now I have deleted this video from my channel.

    • @igorvensko
      @igorvensko 6 місяців тому

      Someone sold you this tutorial? Do you know this person's contact?

  • @m0rph903
    @m0rph903 6 місяців тому

    Shout out to convertio for converting everything to everything without needing an account

  • @Chris-vt5zl
    @Chris-vt5zl 6 місяців тому

    My questions has always been, how the f#ck do you code that?!

    • @igorvensko
      @igorvensko 6 місяців тому

      I appreciate your curiosity! As a designer, my focus is on creating visually engaging animations in Figma. The possibilities are vast, and the final outcome depends on the time and skills invested in the development process.

  • @DMATRD
    @DMATRD 6 місяців тому

    Nice!

  • @mae2309
    @mae2309 6 місяців тому

    AMAZING!!!!!

  • @dev_front980
    @dev_front980 6 місяців тому

    Top

  • @igorvensko
    @igorvensko 7 місяців тому

    Other Figma files for tutorials you can find here figma.wizardcourse.pro/all-products

  • @user-mo5cr7se1k
    @user-mo5cr7se1k 7 місяців тому

    Can I get a copy of this?

  • @MohanaKumar-xy5xm
    @MohanaKumar-xy5xm 7 місяців тому

    You deserved it dude✌️❤️

  • @silviofonseca4597
    @silviofonseca4597 7 місяців тому

    Amazing Work, rational and creative way of using ai, amazing process and storytelling.... congrats!