Figma 360 Degree Product Animation! - Figma + Spline Tutorial

No video

Figma 360 Degree Product Animation! - Figma + Spline Tutorial | Design Weekly

Рет қаралды 189,440

3 жыл бұрын

Yes, we can finally create some amazing 360 degree product animations in ‪@Figma‬ using the Spline tool. These animations are very easy to create and can help add life to your UI designs.
Check out Around: around.co/?g=pc...
Anima for different design tools: support.animaa...
Spline tool: app.spline.des...
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.ne...
#figma #uidesign #3d

Пікірлер: 79

@Chaithzx 3 жыл бұрын

5:38 Today's sponsor is Around I guess Punit! Also Nice video!

@ingeniousbuck 3 жыл бұрын

This is really insane😍. Never thought that this would be so easy. Thank you so much for sharing this💛.

@FahimMD 3 жыл бұрын

Figma is on another level

@TheUndertones559 2 жыл бұрын

Very detailed and easy to follow! Thanks for sharing!

@erictheeclepton 5 ай бұрын

Spectacular!! Greets to you!!

@ronigraphicart 3 жыл бұрын

Amazing video as always!

@Cubarticle 3 жыл бұрын

Hey, your video's sponsor is around not spline,see at 5:40 and 6:42 .

@aiyannanadikerianda554 3 жыл бұрын

Killer stuff, much needed..... thanks

@Rishi-vw8nw 3 жыл бұрын

Who is today's sponsor? You said it spline but talkin about around 😅

@rashishah9186 4 ай бұрын

My anima plugin doesn't show preview in Figma, just publish. Any reason why that may be happening?

@PunitChawla 3 ай бұрын

They might have updated it. If your site is private you can see a live preview right after with the live link.

@AlejandroDeLaRosa05 2 жыл бұрын

I love these Spline videos!! Please make more if you can🙏🙏🙏 subbed and liked

@pratheekpurohit1079 3 жыл бұрын

Damnnnnn fucking love it man!!

@muktiray4719 2 жыл бұрын

Where is the download option?

@user-gq1qm2vm4p 7 ай бұрын

Thank you so much for sharing this video 💛.

@niclasthegoat 7 ай бұрын

bro you are a G

@amankhare9358 2 жыл бұрын

It takes too much time for processing ..afte click on preview...why? I think its not working My internet comnection is good although Any suggestion?

@SIAdhityaQodri 2 жыл бұрын

can we show it into figma prototype? not only in anima

@latis1282 2 жыл бұрын

Did you manage to visualize it in a frame in Figma? I have problems with that

@amanuelderesse398 3 жыл бұрын

Wooooow amazing

@ujjwalbansal1070 2 жыл бұрын

Appreciate your effort...

@missinglink2416 Жыл бұрын

this is clickbait. the thumbnail and result was totally different

@MohanaKumar-xy5xm 6 ай бұрын

You can add interactions in spline and export 3d models however you want even after animating. After texturing he imported it directly thats why i looks kind of wierd.

@AaradhyaShukla 2 ай бұрын

Ya, but you get the basic idea right? So you can work more on your Tesla and create a better 3D before implementing

@panveel Жыл бұрын

Thanks for sharing

@abhijitkhatua8026 3 жыл бұрын

Thanks sir i was looking for this

@AnjaliSingh-di7yw Ай бұрын

i can see the elements in preview but not able to embed in main layer of figma...any suggestions

@CoyoteMahn Жыл бұрын

Is there an alternative to Anima, the plug-in is no longer available?

@StevenGSamuel Жыл бұрын

Hello. I downloaded a .glb file as you said in the video but when i try to drag it in the page the interface was saying that this file type is not supported. Please can you help. I am not able to find the problem.

@obechi-onyemagbor Жыл бұрын

I have a similar problem too

@StevenGSamuel Жыл бұрын

@@obechi-onyemagbor I still did not solve it. I gave up on this project.

@sabdamusic1578 2 жыл бұрын

can you make tutorials on how would you add audio using Anima? I have some difficulty in the process. thanks

@sabdamusic1578 2 жыл бұрын

or possibly share one that you have with explanation? I found one and tried to follow which didnt work fully

@rajkamalsingh6825 3 жыл бұрын

your sponsor is Around not spline 5:40

@studydostudy 2 ай бұрын

The document I Downloaded in gtf form in spline it not importing it's showing failed is there any other way to import 3d models as I'm using free version of figma and spline not the premium ones

@PunitChawla Ай бұрын

Maybe try another lighter 3D model. Sometimes there are error with size or format.

@studydostudy Ай бұрын

@@PunitChawla thank you 👍🏻

@Instaradio-123 5 ай бұрын

i tried by using asus but i came different some of the features is not showing i can zoom in and zoom out but not 360 degree

@didou501 Жыл бұрын

Hey thank's for tips ! I followed your steps and everything worked unless the texture that doesn't show in spline anyone can help me please ?

@PunitChawla Жыл бұрын

Try other textures or another car model.

@chrisnguyen6385 Жыл бұрын

Hello Sir, but could you explain how to keep the original material from 3D MAX to Spline?

@akshatha.c.bharadwaj5390 Жыл бұрын

I cannot find Source I can find just textures and other zip file

@user-nm6sy3qk4w 7 ай бұрын

When Im trying to import its cmg like unsupported file format

@umerabdullah1524 10 ай бұрын

it asks to select a frame to preview after i put in the embed code, what do i do?

@user-yn2qp4uf2b Жыл бұрын

Hey, can you please tell me that this will work on Figma mobile application? I want to see how it looks on phone.

@user-wl5yi2ek7t 9 ай бұрын

whats wrong around 8:00 when i press preview it says select layer, how

@abeeraziz8237 Жыл бұрын

I want the 3D to move in the direction of the mouse movement without having to touch the 3D Can I do it in figma?

@santoshkurmadas 3 жыл бұрын

Through Anima plugin is not a great thing, since we can't use it in the same prototype link for presentations

@akahatapuntocero 2 жыл бұрын

Its not posible with any plugin to use 3d in the prototype link? Thanks

@kirandev 2 жыл бұрын

use keyshot !

@aymanalrifai Жыл бұрын

You said spline instead of around in the sponsorship part 😅

@funwave7748 Жыл бұрын

why the car image in not showing on figma frame?

@mohitbhangale8229 2 ай бұрын

Any alternative for anima

@PunitChawla Ай бұрын

Framer is one

@Thegoofy_inosuke Жыл бұрын

any other plugin that works like Anima, seems like its no longer available :(

@larrysmusics531 3 жыл бұрын

How to build my own 3d model

@olgademidova3644 Жыл бұрын

How can i edit the imported mesh in spline? For example if i want to edit some parts of the model/move some polygons. For the objects which are created in spline there is a button "Edit mesh". For the imported meshes there are no such an option :( Maybe you now how to do it?

@kroser1983 5 ай бұрын

i would just edit the mesh in blender

@redrexoxtron518 Жыл бұрын

can anyone tell me how to make it rotate automatically

@nicoleangelica7673 Жыл бұрын

Can I import my 3D object made in sketchup to figma?

@Yashashree3012 2 жыл бұрын

How did you purchase the car from SketchFab?....its not letting me buy with Paypal, not active for Indian users it says

@sherlockholmes7625 2 жыл бұрын

I am a 3D Artist using blender, how to import my project into the Adobe XD or figma?

@AskholeRated 2 жыл бұрын

ac? is a option

@BrianMoyano 3 жыл бұрын

Can you share a link to try the prototype?

@Pondering_Wisdom 2 ай бұрын

Didn't find any download button

@PunitChawla Ай бұрын

You might wanna try some other 3D model with download options.

@jojogaming8664 2 жыл бұрын

Which software your using sir..?

@madinaholakeji881 3 жыл бұрын

Does Anyone Have An Idea How I Can Go About Implementing Something Like This On IOS/Android? I Mean, Customizable 3D Models

@codedByAyush Жыл бұрын

How can I also import those textures for the 3d file (which I am downloading in sketchfab) in my Spline scene?

@ashmainnobrain3184 9 ай бұрын

have you solved it?

@tylerdial4509 9 ай бұрын

upload the normal maps under the lighting settings of the object. On the right hand side after you've clicked on the object you want to change the material of, upload the textures as an image layer by adding a material layer and changing it to image under the drop down @@ashmainnobrain3184