Fake 3D animation in figma. Get the figma file from our figma community, link in bio.

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

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

  • @shift_studio
    @shift_studio  Год назад +115

    Full Tutorial video is here. You can check it out here!
    Thank you for supporting & loving our video ☺️💖
    ruclips.net/video/xrDrzqjVKw0/видео.html

  • @arghyadeepnaiya8280
    @arghyadeepnaiya8280 9 месяцев назад +614

    Designer's sweet dream is developer's nightmare

    • @rashirana4137
      @rashirana4137 8 месяцев назад +16

      man why is this so trueeee😭😭😭😭😭😭😭

    • @Mads-tj2oq
      @Mads-tj2oq 7 месяцев назад +14

      Developers are so lazy

    • @Rbstriker2
      @Rbstriker2 6 месяцев назад +8

      cause. I don't really know...are you saying that because like what is designed in figma needs to be transferred into/through a website building tool by a developer?

    • @arghyadeepnaiya8280
      @arghyadeepnaiya8280 6 месяцев назад +28

      ​@@Rbstriker2 basically it's a blueprint of how one wants a website to look like so they design it but the programmer has to build it from scratch and the more animation you add to your website the more packages you have to use which overall decreases the performance. And creating something like this takes a lot of time.

    • @soldoutsoul5180
      @soldoutsoul5180 6 месяцев назад +25

      @@Rbstriker2It's like someone drew a nice futuristic house and you are supposed to build it

  • @medvedtremendous1447
    @medvedtremendous1447 Год назад +356

    front end : 😭😭😭😭

    • @pridify
      @pridify 2 месяца назад +6

      just paste a link to that gif

  • @fresheaglemusic6720
    @fresheaglemusic6720 8 месяцев назад +188

    This is why I switched from Front End Engineering to Cyber Security

  • @levisworld5241
    @levisworld5241 Месяц назад +8

    started using figma a day ago & yours was the first ui/ux I tried to recreate & after an entire day of learning & trying, I finally perfected it! Thank you!

  • @AbassBachabi
    @AbassBachabi Год назад +29

    Amazing. Keep posting!

  • @premlama3069
    @premlama3069 Год назад +10

    Nice tutorial!! keep up the good work 😁😁

  • @Sehajpreet359
    @Sehajpreet359 Год назад +105

    nightmare of every developer

    • @maraivfrance2557
      @maraivfrance2557 8 месяцев назад +2

      lol why is that

    • @oh_Penitent_one
      @oh_Penitent_one 7 месяцев назад +8

      ​@@maraivfrance2557translating what he's created into code is gonna be pain

    • @jamierodriguez4562
      @jamierodriguez4562 6 месяцев назад +11

      Just use Webflow why is it so hard for developers to understand that

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

      @@jamierodriguez4562how does webflow work

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

      @@jamierodriguez4562Just use webflow 🤓

  • @random_guy101
    @random_guy101 Год назад +12

    wow! really good work. Thanks for the file.

  • @deoncardoza2051
    @deoncardoza2051 Месяц назад +1

    No more web devs needed for these. Tools such as Framer, Webflow, Spline are there to build such things.

  • @Croft_Customs
    @Croft_Customs 7 месяцев назад +1

    Can you do this with images? I’m building a guitar luthiery website and I want to show both sides of the guitar with this cool animation! Thanks

  • @omarhalal1669
    @omarhalal1669 Год назад +38

    we want more detailed 1 brother please

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

      Tutorial will be posted tomorrow ❤
      Subscribe and turn on bell 🔔 button

    • @shift_studio
      @shift_studio  Год назад +4

      Here is the full tutorial video ❤️😊
      ruclips.net/video/xrDrzqjVKw0/видео.html

  • @aradhanasingh4249
    @aradhanasingh4249 Год назад +8

    A more detailed video pls

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

      Tutorial will be uploaded tomorrow 🔔
      Turn on bell icon

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

      Full Tutorial video is here. 😊
      ruclips.net/video/xrDrzqjVKw0/видео.html

  • @tanoyist
    @tanoyist Год назад +3

    So cool!!!

  • @imlio3312
    @imlio3312 5 месяцев назад +6

    Back end looks like a nightmare to write

    • @humbleguy6879
      @humbleguy6879 2 месяца назад +1

      Figma give you whole code righ away!

  • @Nudtanun
    @Nudtanun 22 дня назад

    ZAMMM! that's an ultimate!

  • @donpreciouss
    @donpreciouss Год назад +3

    Love this.

  • @KapchiInsights
    @KapchiInsights 2 дня назад

    Can you please share the link of complete video , I want to learn this .

  • @UwoIra
    @UwoIra 3 месяца назад

    Awesome. Thanks.

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

    Which device/laptop you're using ?

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

    this is amaaaaaaziiiining

  • @14vms
    @14vms 6 месяцев назад

    amazing!

  • @TimPowersHK
    @TimPowersHK 5 месяцев назад +3

    Developer: can't do it

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

    I love it )

  • @Ysquarevisuals
    @Ysquarevisuals 11 месяцев назад

    Brooo this is awesome thanks for the tip

  • @anandh7094
    @anandh7094 Месяц назад

    This is the reason I switched my career to designer from developer

    • @Vnxh_boii
      @Vnxh_boii Месяц назад

      How much are you getting paid rn??

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

    Thank you!

  • @humera3299
    @humera3299 4 месяца назад +1

    That's why j switched to being a UI/UX designer instead of being Full Stack developer ☠️. Itys a nightmare while doing a code.😂

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

    Just looking like a wow ❤😁

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

    extraordinary levellll

  • @FLOW---
    @FLOW--- 7 месяцев назад

    Amazinh.. thank you

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

    Wowwww

  • @harissablanche1249
    @harissablanche1249 6 месяцев назад

    ❤thank you

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

    love it

  • @gungunparakh
    @gungunparakh 11 месяцев назад

    Cool❤

  • @CarlaMarie-v2j
    @CarlaMarie-v2j Год назад +9

    please create a more in depth tutorial please

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

      Tutorial will be uploaded tomorrow 🔔
      Subscribe and turn on bell icon

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

      Full Tutorial video is here ❤️
      ruclips.net/video/xrDrzqjVKw0/видео.html

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

      @@shift_studio it's not clickable

  • @BeBrave-df9lj
    @BeBrave-df9lj Год назад

    Amazing

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

    parth said so

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

    what font did you use please?

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

    Where do the illustrations come from?

  • @crazydiv7683
    @crazydiv7683 23 дня назад

    Im going to make this with html css and js.
    I did it it took one eternity 😂

  • @SeanWeb3UXDesigner-w1l
    @SeanWeb3UXDesigner-w1l 3 месяца назад

  • @RegularEverydayNormalMFr
    @RegularEverydayNormalMFr 11 месяцев назад

    Easy one 😉

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

    🔥🔥🔥

  • @Kibihukkku
    @Kibihukkku 7 месяцев назад

    Love of my life

  • @Shokaiei
    @Shokaiei 4 месяца назад

    Yep... I'm switching to backend

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

    I am noob in Figma, but I dream learn this

  • @sushreemadhusmitasahoo3924
    @sushreemadhusmitasahoo3924 4 месяца назад

    Detailed tutorial pleaseeeeeeeeeee

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

    What’s the purpose of doing these animations in Figma? The client sees the website not Figma.

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

      Web dev would see this and make a website

  • @mage_ex8910
    @mage_ex8910 2 месяца назад +3

    Thats not very difficult actually , im an experienced 3d artist , and web developer ,
    Truth be told if u knew the right tools , with one month of practice in blender 3d software , u can create animated sequences of any object
    Use lottiefiles for them ( kinda like a gif )
    And with basic css and html , u can make websites like that in a day or two
    With a few months of training

  • @jostinmadriz6823
    @jostinmadriz6823 3 месяца назад

    Yeah the design so nice now program that shit is very complicated 😂

  • @congtuyen8993
    @congtuyen8993 Месяц назад

    fontend: 😵‍💫😵‍💫😵‍💫

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

    ❤❤

  • @xy-r_official
    @xy-r_official 6 месяцев назад

    Logo font name, please!

  • @bishaltamang7232
    @bishaltamang7232 Год назад +4

    Want tutorial

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

    omg😭❤️

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

    do you have this figma

  • @ghostdiaries369
    @ghostdiaries369 Месяц назад

    more like these?

  • @just_about_life22
    @just_about_life22 3 месяца назад

    How can I do it? 😮

  • @noobeditor1.293
    @noobeditor1.293 4 месяца назад

    Fear must continue

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

    Want more tutorials like this please 😢

  • @ziyachauhan3397
    @ziyachauhan3397 4 месяца назад

    Is it free?

  • @UnstableEvil
    @UnstableEvil 3 месяца назад

    Good, now watch developer do it

  • @parthketkar1148
    @parthketkar1148 3 месяца назад

    Why the song tho 😭

  • @menaammar289
    @menaammar289 4 месяца назад

    Please what is the font name!!!!

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

    I am front end developer 😢

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

    Tutorial please

  • @mohamedshams8224
    @mohamedshams8224 4 месяца назад

    How can i get the picture

  • @Obedthian-UK
    @Obedthian-UK Месяц назад

    Cool idea but it does not look good at all

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

    Name of font?

  • @ZadilaAhyzlia
    @ZadilaAhyzlia 4 месяца назад

    is this possible to convert to website

  • @Neymarjr-be7bs
    @Neymarjr-be7bs 3 месяца назад

    Front end🙂

  • @Flavian3
    @Flavian3 Год назад +8

    Devs from project rn: 🤡

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

    Can someone make the source code for this

  • @chaoswithuss
    @chaoswithuss 3 месяца назад

    1:02

  • @HarisKhan-5656
    @HarisKhan-5656 9 месяцев назад

    Devs be like: 🫣😅😭😤😡🤬

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

    Sir give tutorial

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

    Heh theyll never know

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

    Web developers: 💀

    • @mhdpro
      @mhdpro 6 месяцев назад

      Yea 😂😂😂😂

  • @yaakovchaim
    @yaakovchaim Год назад +6

    Where is tutorial?

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

      Tutorial will be uploded Tomorrow
      Turn on bell icon 🔔

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

      H️ere is the full tutorial ❤️:
      ruclips.net/video/xrDrzqjVKw0/видео.html

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

    Developer: 💀💀💀

  • @Arshahdul_ahmed
    @Arshahdul_ahmed Год назад +28

    Bad wishes from a dev to you 🎉

    • @tissoeh
      @tissoeh Год назад +19

      If you actually liked your job you wouldn't mind realizing something cool like this

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

      🤣🤣🤣🤣🤣🤣🤣🤣

  • @FitBikerSanket_Official
    @FitBikerSanket_Official 4 месяца назад

    How to export in free virsion

  • @maxchergik2439
    @maxchergik2439 4 месяца назад

    Now imagine how many packages you need to use to implement it on the Front End and consider how it correlates on performans and user experience.
    In the end of the day it is always:
    UI designer: This is rock, we need to use it!
    FrontEnd dev: nope
    Backend dev: nope
    Client: How much time it takes to convert into reality again? Hell naaahhh

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

    Want more different designs

  • @s-qc9ns
    @s-qc9ns 4 месяца назад

    Sis you copy this from someone?

  • @olga2006...
    @olga2006... 7 месяцев назад

    Нефига не понятно

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

    Developers are extremely lazy

  • @Abdullah-ly1no
    @Abdullah-ly1no 8 месяцев назад

    Developers are crybabies

  • @mondoshigua
    @mondoshigua 3 месяца назад

    🙄🤔¿Es falsa la animación? 🖥️😌Yo soy ingeniero de software desde el año de 1.998 y siempre he creado interfaces de usuario, antes yo lo hacía con otras herramientas, ahora lo hago con Figma desde que salió al mercado

  • @MithunNMogaveer
    @MithunNMogaveer 11 месяцев назад

    Frontend developer 🥲

    • @mhdpro
      @mhdpro 6 месяцев назад

      Hh

  • @ruwaida-o7x
    @ruwaida-o7x 4 дня назад

    ❤❤❤