I Animated a 3D Render in Figma in 10 Minutes (Step-by-Step Tutorial)

Поделиться
HTML-код
  • Опубликовано: 20 дек 2024

Комментарии • 53

  • @DesignWithArash
    @DesignWithArash  Год назад

    👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
    bit.ly/43v79vX

  • @gianlucacaredda5202
    @gianlucacaredda5202 Год назад +7

    Arash, I don't know if I will ever be able to thank you enough for all the cool things I have learned thanks to your videos and Udemy course.

  • @k.kaiserahmed8013
    @k.kaiserahmed8013 Год назад +6

    Thanks dude....your course in udemy taught me alot....best tutor ever👏☺️

  • @decemberbug1712
    @decemberbug1712 Год назад

    Arash you are doing an amazing job! Thank you for all the videos on RUclips!

  • @lukapetrovic5032
    @lukapetrovic5032 2 месяца назад

    Awsome bro ! 🥳

  • @yammymyhammy
    @yammymyhammy Год назад

    Hello Arash, this very clear step by step made it possible create. It was something I had been wanting to do for awhile, and its super easy. The only time consuming part was, the copy paste didn't work with the instance at the beginning, so I had to it manually (I did it with a test render of something using 120 png frames). Why I can't figure out for the life of me why didn't work, but anyways still super great.

  • @PhDJAM
    @PhDJAM Год назад +1

    thank you for the vid boss

  • @kingk.2547
    @kingk.2547 4 месяца назад

    best solution thank you

  • @Ahmed_Darwesh
    @Ahmed_Darwesh 9 месяцев назад +1

    Where i can get thia images

  • @montagetech-cj7qh
    @montagetech-cj7qh 4 месяца назад

    can that download method be done with 3d model
    thank you

  • @ShreejiVallbha
    @ShreejiVallbha Год назад +1

    how i can get Airpods all photos to create animation

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 10 месяцев назад

      Model it yourself and render the animated model in image sequence. No other option 😢

  • @isheguboi
    @isheguboi Год назад

    Hi Arash, thanks so much for this! At the end you say it's not possible to create the scroll animation. Is there a workaround for this? I'd appreciate it. Thanks!!

    • @DesignWithArash
      @DesignWithArash  Год назад +1

      No problem. Unfortunately, not in Figma but you can create it in no-code tools like Webflow.

    • @dhirenmoorvin
      @dhirenmoorvin Год назад

      @@DesignWithArash Are tools like Principle or Protopie a good alternative for the scroll animation ?

  • @iamaboyeji
    @iamaboyeji Год назад +1

    Thank you so much for this tutorial, but please can you share the file for the airpods image, The extension is no longer working. @DesignWithArash I would really appreciate if anyone knows any other extension that would work.

    • @DesignWithArash
      @DesignWithArash  Год назад

      No problem. Unfortunately, for copyright issues I cannot provide you with the image but you can download them one by one as well without the extension. I know it's time-consuming but it works.
      Here is the link.
      www.apple.com/105/media/us/airpods-pro/2022/d2deeb8e-83eb-48ea-9721-f567cf0fffa8/anim/hero/large/0000.png
      You can increase the last digit of the link to get the next frame.

  • @valueinvesting.
    @valueinvesting. Год назад

    Thanks bro you are best ❤

  • @FerdousZaman-m3l
    @FerdousZaman-m3l Год назад +1

    yes now its nice

  • @lr4796
    @lr4796 Год назад

    Is it possible to then use this as a website? Ideally so it could be hosted on wordpress with the animation and any prototype transitions kept

    • @DesignWithArash
      @DesignWithArash  Год назад +1

      Unfortunately, not. You can replicate it using no-code tools like Webflow.

    • @lr4796
      @lr4796 Год назад

      @@DesignWithArash thank you so much for getting back to me. Within the last hour that's the exact same conclusion I came to so to have it confirmed by someone much more knowledgeable is brilliant 👍

  • @henrychukwuemeka9670
    @henrychukwuemeka9670 Год назад +2

    Hi bro thanks a lot but i have a question

  • @Ahmed_Darwesh
    @Ahmed_Darwesh 9 месяцев назад

    Please can you share figma file to can take the images

  • @payalkirankatariya9881
    @payalkirankatariya9881 8 месяцев назад

    I am unable to copy past the whole set of varients togther. Any suggestion pls

  • @noname_2323
    @noname_2323 5 месяцев назад

    where can i find the rendered resources ?

  • @black_bird_official
    @black_bird_official 10 месяцев назад

    Is there any way to make it in scroll effect?

    • @DesignWithArash
      @DesignWithArash  9 месяцев назад +1

      Not with Figma. It doesn't have the Scroll trigger.

  • @alinatrifann
    @alinatrifann Год назад

    Hello !
    Does somebody know what I did wrong,when I press Present it doesn't do the animation it staying still?!
    What should I change ?

    • @DesignWithArash
      @DesignWithArash  Год назад

      Please check your connections and make sure to follow all the steps one by one.

  • @keerthana2003
    @keerthana2003 10 месяцев назад +1

    can you share the source file to practice it ? @designwitharash

  • @AYUSHLODHA-t1m
    @AYUSHLODHA-t1m Год назад

    hello thankyou for this amazing tutorial but i am not able to copy prototype and paste it onto all other images plz can you help me out with this

    • @DesignWithArash
      @DesignWithArash  Год назад

      Hi. No problem. What's the issue? You should be able to select the interaction in the Interactions section and copy it.

  • @Player1x_x
    @Player1x_x Год назад

    Can you post the resources for this video,the link to download the images

  • @LazyxSD
    @LazyxSD Год назад

    can you make a video where i can add the text by using frames on each image for high quality because i tried the second method but unable to add text in it can you help me or else make a tutorial in it please

  • @Meenakshi-o5i
    @Meenakshi-o5i Год назад

    hi i want how to make food delivery app ui

    • @DesignWithArash
      @DesignWithArash  Год назад

      Hi. I'm not planing to design a food delivery app at the moment but maybe one day I'll do a video on that.

  • @RickSolo92
    @RickSolo92 Год назад +2

    Hey Arash I want to become a UX/UI designer and better my life right now I’m working 2 jobs just to pay bills could u help me

    • @DesignWithArash
      @DesignWithArash  Год назад

      Hi. I hope my content can help you become a UI/UX designer very soon.

  • @lekoman
    @lekoman 11 месяцев назад +1

    This is nice, I guess, as a little party trick, but it's not actually useful because you can't actually use it to specify a scroll effect for a website that your engineering team could take away and build. Seems like a really big thing Figma just can't do. It's incredible they're sleeping on being able to handle complex animation like this ... for all the woo-woo everyone has about Figma it's still limited to building pretty basic interactions. I guess that's why so much of the internet looks exactly the same these days. Everyone's just building whatever is inside Figma's capabilities.

    • @DesignWithArash
      @DesignWithArash  10 месяцев назад

      Yeah. I hope they add the trigger very soon.

  • @islamic_motivator136
    @islamic_motivator136 Год назад

    plz can u give this to us'\

  • @muzammalahmad849
    @muzammalahmad849 Год назад

    SIR DESIGNER KESY BTAIN K JISY PETA HO K BANANA KIA H. TOOLS TO SAB HI SEEKH LETY HN LEKIN IMPORTANT Y H K DESIGNER KO PETA HO K BANNAANA KIA H
    And plz sir agr ap urdu ya phir hindi m video sekty hn sir plz bna dain is topic py
    #requestvideo