How to make a 3D Prototype with Figma - Tutorial

In this video, I'll show you how to create a 3D Interactive prototype using Figma, Anima plugin, and Spline tool
---
0:00 Intro
0:13 Setup a Figma Prototype using the Anima plugin
1:52 Embed 3D to the prototype using Spline
7:16 Create UI animation
8:17 Publish your prototype
--
Join my Patreon to get access to my design resources / minhphamdesign

[@hamptonpete7905]

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

[@BreathingInPixels]

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

[@TheGuyZonee]

bro big fan from Bangladesh .. love you man

[@creativejobteam]

Great tutorial 💚

[@user-zv7gu3nx5o]

great tutorial .....love it

[@vendeas7256]

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

[@realmeee]

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

[@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?

[@andrewryan6006]

Thanks a lot for this 🎉🎉🎉

[@nguyenductri1111]

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?

[@marcoatmac]

Thank you, very cool

[@fwefwe8165]

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

[@user-wh1ed7jl4v]

good work

[@gokhankurt]

it's a great tutorial man

[@nguyentrungkien612]

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

[@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?

[@MoreCreativeGFX]

good job

[@jonh2o]

5:52 just paste the code lol awesome!🎉

[@sayanaberi]

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

[@MoreCreativeGFX]

Nice

[@uicodegraph]

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

[@uicodegraph]

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

[@Johnloyd-bg8ww]

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

[@dennisporterjr8690]

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.

[@sasa692]

Which software you use for 3D?

[@aqib1259]

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

[@feelcollins4358]

Framer

[@feelcollins4358]

Or webflow

[@nicolasbrun9795]

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

[@kew9217]

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

[@kaerolerolero]

cai na armadilha seloco

[@kaerolerolero]

pica pica

[@apexdigital.studio]

awesome! is there such plugin like this in Framer?