Figma 3D Parallax Animations! - 3 Easy Ways

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 มิ.ย. 2024
  • Today we are making cool 3D parallax animations in Figma! These amazing effects can be achieved in 3 super simple ways.
    Join our design school: www.designwings.in/
    Resources Mentioned
    1. Background illustration: www.figma.com/community/file/...
    2. Spline tool: spline.design/
    3. Anima plugin: www.figma.com/community/plugi...
    4. Parallax plugin: www.figma.com/community/plugi...
    Video Chapters
    0:00 Introduction
    0:13 Fastest Method
    4:39 3D Method
    7:25 Export To Real Website
    Get the equipment I use:
    1. Mic: amzn.to/3b2OQa5
    2. Camera: amzn.to/3rJzPj6
    3. Macbook Pro: amzn.to/3aYeD30
    4. Asus Gaming Laptop: amzn.to/2Mj4cN7
    5. Pop filter: amzn.to/3aYfReC
    For Sponsorship: punitwebdeveloper@gmail.com
    Follow Me on Twitter:
    / punitweb
    Follow me on Medium:
    / punitweb
    My Behance Profile:
    www.behance.net/punitweb
    #figma #uidesign #animations
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 38

  • @PunitChawla
    @PunitChawla  ปีที่แล้ว +3

    Got you all a 30% discount on Parallax Plugin! - Just use code "Punit-Chawla" on checkout. (Not sponsored)

  • @homic9338
    @homic9338 ปีที่แล้ว +2

    Thanks for always coming through

  • @akashsaha5590
    @akashsaha5590 ปีที่แล้ว +4

    THANK YOU for always putting your great effort on finding this all amazing stuff and providing us❤️

    • @PunitChawla
      @PunitChawla  ปีที่แล้ว +1

      Super happy to help!

  • @wandyvikoler6171
    @wandyvikoler6171 ปีที่แล้ว +1

    Great work! Love your videos

  • @jennetbagshieva9201
    @jennetbagshieva9201 ปีที่แล้ว +3

    I love each video you create. Thank you for such inspiring content))

  • @M4rt1nX
    @M4rt1nX ปีที่แล้ว +3

    Thanks a lot, this is amazing!!! Implementing right away

  • @thieutinhte
    @thieutinhte ปีที่แล้ว +1

    thanks you!

  • @princegupta-lu6td
    @princegupta-lu6td ปีที่แล้ว +2

    awesome

  • @ShahidAli11107
    @ShahidAli11107 ปีที่แล้ว +2

    Awesome thank you so much for this information ❤️👌😊👍

  • @sharjeelarshad5899
    @sharjeelarshad5899 ปีที่แล้ว +5

    His content is gold for designer's

  • @B_Migs
    @B_Migs ปีที่แล้ว +1

    This is super cool, but how do we take something from Figma (prototype) and make it a web page or app?
    How does an engineering team deal with something like this?

  • @user-dr3xw8nd7z
    @user-dr3xw8nd7z 11 หลายเดือนก่อน

    bhai tu to dev manus h. tq bro

  • @cophuper5184
    @cophuper5184 ปีที่แล้ว +2

    very good

  • @anbesivam6426
    @anbesivam6426 ปีที่แล้ว +1

    "Sir is there any plugin for text to figma design like automation ,if it is so please share the plugins".

  • @OsamaBaig-im1px
    @OsamaBaig-im1px ปีที่แล้ว +1

    hey Punit please make a video on Netflix update UI

  • @MACH_SDQ
    @MACH_SDQ ปีที่แล้ว +2

    Gooooood

  • @akankshakurhekar949
    @akankshakurhekar949 ปีที่แล้ว +2

    I can't find the illustration pack in the community

  • @pouyapj1jan122
    @pouyapj1jan122 ปีที่แล้ว

  • @simantasmar196
    @simantasmar196 6 หลายเดือนก่อน +1

    Punitbhai, I followed the tutorial and was able to make some interesting stuff. I was able to preview it as well, using anima. But now when I try to preview it again, I cannot see the animation in the anima preview. Please help.

    • @PunitChawla
      @PunitChawla  6 หลายเดือนก่อน

      Try to open it in your browser. Sometimes it can get buggy unfortunately.

    • @simantasmar196
      @simantasmar196 6 หลายเดือนก่อน

      @@PunitChawla I think there was an issue with the Anima plugin. They got in touch and have resolved the issue ever since.

  • @jum_py
    @jum_py ปีที่แล้ว +1

    Sorry, I'm a newbie of figma. I just wondering of why spend so much work in figma with effects. It export into code the effects too? Otherwise I really don't get the point...

    • @PunitChawla
      @PunitChawla  ปีที่แล้ว

      Anima publishes to a coded website like I mentioned

  • @nyamjargalskincare3615
    @nyamjargalskincare3615 ปีที่แล้ว +1

    Illustration can’t found ???

  • @anjaligupta2305
    @anjaligupta2305 ปีที่แล้ว +1

    illustrations can't found

  • @bogdansoroka3043
    @bogdansoroka3043 ปีที่แล้ว

    unfortunatelly, iluustrations are not available anymore @Punit Chawla

  • @wasdar
    @wasdar 11 หลายเดือนก่อน

    You can export directly in HTML code, this is BOMB fo me 😬🫨