How to make a 3D Prototype with Figma - Tutorial

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

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

  • @hamptonpete7905
    @hamptonpete7905 Год назад +26

    3:08 I respect that you spent $5 to support the creator rather than using the free models lol! Great tutorial as usual, bro.

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

    bro big fan from Bangladesh .. love you man

  • @Mixedit0
    @Mixedit0 16 дней назад +2

    Even if I make the rectangle white like in the video, it remains gray, and when I select the rectangle, the material only appears in the assets section

  • @BreathingInPixels
    @BreathingInPixels 9 месяцев назад +2

    Hats off to you brother. Thank you so much for your efforts to make such incredible videos!

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

    Thank you so much! I have been found how to import 3d model in figma so long

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

    great tutorial .....love it

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

    Great tutorial 💚

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

    great tutorial ✨
    wondering why didn't you minimize the pipeline and went figma to framer + spline ?

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

    Who will code it? Or can we make it by no code tools

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

      Framer

    • @feelcollins4358
      @feelcollins4358 Год назад +5

      Or webflow

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

      Webflow!!!!!

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

      Flatter

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

      If you know someone that can code it with threejs or Babylonjs (or maybe learn it by yourself) either if you search for some tool on google but you have spline that can make things like this. If you want to make 3D go beyond just a model for example with some animation, particles or anything’s you need to learn

  • @shamilrahman1328
    @shamilrahman1328 3 дня назад

    how did you match the background color to artboard?

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

    Thanks a lot for this 🎉🎉🎉

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

    it's a great tutorial man

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

    this is awesome anh Minh !! :X:X:X:X

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

    When I open this file in Spline, it says. "It seems you are trying to load a GLTF model that uses eternal buffers but you haven't attached the .bin file."
    I tried to import both at the same time and it complains that I didn't attach the image files. I tried to import the GLTF, BIN, and the image and it complains about the buffer file (weird I know). I tried to attach the image first and it still complains :(
    Mind sharing how you import the scene/object in? I'm ok with any way of doing it.

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

    Thank you, very cool

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

    Hello this tutorial is amazing... where can i find files please?

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

    good work

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

    I can´t see the animation on my figma frame :( ... Is this normal?

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

    Such a great tutorial 😍😍!!! Just one problem here, there's no texture on my 3d model when I import it to Spline. How can I solve this?

  • @nicolasbrun9795
    @nicolasbrun9795 11 месяцев назад +2

    Too bad you can't see the preview in figma directly and export from there, Nice job

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

    Hi creator... Please aside from the 3D model infused in the figma design from anima, how can one make active all other interactions like button clicking, accordion etc is that possible?
    Also the 3D image can't be made to show on the figma design instead of leaving the frame that carries it empty?

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

    Where did you get that layer called 3d Component? can u help me?

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

    good job

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

    thanks bro!! any chance u could make some more projects in framer again?

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

    Anima plugin tool is different in my figma, I can see the embed code feature at all

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

    If i do this how can i send to someone

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

    man... its so amazing... thank 4 u time... one question ... that element use to create 3D Component?

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

      ok ok... i found it! create a frame... run plugin and embed!

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

      @@uicodegraph oh dude love u , u saved me!

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

    Thanks for this awesome tutorial. However, I have a question about using the anima plug in. If I already use linked pages using prototypes in figma will it still work in the published version of the product I am designing for?

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

    Nice

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

    Which software you use for 3D?

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

    Anh là người Việt hả

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

    my previeuw is just a white screen..

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

    cai na armadilha seloco

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

    pica pica

  • @apexdigital.studio
    @apexdigital.studio 10 месяцев назад

    awesome! is there such plugin like this in Framer?