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

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

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

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

    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 7 месяцев назад +490

    Designer's sweet dream is developer's nightmare

    • @rashirana4137
      @rashirana4137 7 месяцев назад +11

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

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

      Developers are so lazy

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

      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 5 месяцев назад +23

      ​@@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 4 месяца назад +20

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

  • @fresheaglemusic6720
    @fresheaglemusic6720 6 месяцев назад +138

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

  • @medvedtremendous1447
    @medvedtremendous1447 11 месяцев назад +323

    front end : 😭😭😭😭

    • @pridify
      @pridify 24 дня назад +2

      just paste a link to that gif

  • @Sehajpreet359
    @Sehajpreet359 11 месяцев назад +93

    nightmare of every developer

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

      lol why is that

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

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

    • @jamierodriguez4562
      @jamierodriguez4562 4 месяца назад +10

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

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

      @@jamierodriguez4562how does webflow work

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

      @@jamierodriguez4562Just use webflow 🤓

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

    Amazing. Keep posting!

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

    wow! really good work. Thanks for the file.

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

    Nice tutorial!! keep up the good work 😁😁

  • @mage_ex8910
    @mage_ex8910 23 дня назад +2

    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

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

    Back end looks like a nightmare to write

    • @humbleguy6879
      @humbleguy6879 16 дней назад

      Figma give you whole code righ away!

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

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

  • @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

  • @humera3299
    @humera3299 2 месяца назад +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.😂

  • @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

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

    Developer: can't do it

  • @Croft_Customs
    @Croft_Customs 6 месяцев назад +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

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

    parth said so

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

    Love this.

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

    So cool!!!

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

    Yep... I'm switching to backend

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

    Awesome. Thanks.

  • @lars2023
    @lars2023 18 дней назад

    Where do the illustrations come from?

  • @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 11 месяцев назад

      @@shift_studio it's not clickable

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

    I am noob in Figma, but I dream learn this

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

    this is amaaaaaaziiiining

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

    Just looking like a wow ❤😁

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

    Thank you!

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

    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

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

    Brooo this is awesome thanks for the tip

  • @saanvishettigar7543
    @saanvishettigar7543 17 дней назад

    Wowwww

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

    amazing!

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

    Amazinh.. thank you

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

    ❤thank you

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

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

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

      Web dev would see this and make a website

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

    extraordinary levellll

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

    Why the song tho 😭

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

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

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

    I love it )

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

    Want tutorial

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

    Fear must continue

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

    Front end🙂

  • @Flavian3
    @Flavian3 11 месяцев назад +8

    Devs from project rn: 🤡

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

    Detailed tutorial pleaseeeeeeeeeee

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

    Good, now watch developer do it

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

    1:02

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

    Which device/laptop you're using ?

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

    love it

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

    Love of my life

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

    what font did you use please?

  • @hirahiro2331
    @hirahiro2331 12 дней назад

    Heh theyll never know

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

    Amazing

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

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

    Cool❤

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

    I am front end developer 😢

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

    🔥🔥🔥

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

    Easy one 😉

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

    How can I do it? 😮

  • @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 7 месяцев назад

      🤣🤣🤣🤣🤣🤣🤣🤣

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

    Devs be like: 🫣😅😭😤😡🤬

  • @xy-r8095
    @xy-r8095 4 месяца назад

    Logo font name, please!

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

    Want more tutorials like this please 😢

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

    Developer: 💀💀💀

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

    Can someone make the source code for this

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

    Please what is the font name!!!!

  • @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

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

    is this possible to convert to website

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

    Tutorial please

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

    How can i get the picture

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

    omg😭❤️

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

    Is it free?

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

    ❤❤

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

    How to export in free virsion

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

    Web developers: 💀

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

      Yea 😂😂😂😂

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

    Want more different designs

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

    do you have this figma

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

    Name of font?

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

    Sir give tutorial

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

    Sis you copy this from someone?

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

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

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

    Developers are extremely lazy

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

    Developers are crybabies

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

    🙄🤔¿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

  • @YasirShaikh-z5y
    @YasirShaikh-z5y 10 месяцев назад +1

    Show me its css code🫣

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

    Frontend developer 🥲

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

      Hh