3D Interactive Animation With a Rotating Effect - Figma Prototyping Tutorial

preview_player
Показать описание
Learn how to create an amazing 3D interactive planet animation with a rotating effect in Figma. No plugins, just simple techniques!

Our UX/UI Design Mastery course 👇

How to Use AI to Create Stunning Designs - Midjourney Tutorial 👇

Timestamps:
00:00 - Intro
00:27 - Midjourney
00:45 - Preparing the designs
04:56 - Prototyping time!
05:42 - Play the Prototype!

If you enjoy our content, feel free to subscribe and hit that bell notification. We will bring you a ton of free value every week!

Join our design community

#Figma #animation #uidesign
  1. uxpeak
Рекомендации по теме
3D Interactive Animation 0:06:02

3D Interactive Animation With a Rotating Effect - Figma Prototyping Tutorial

Build and implement 0:00:24

Build and implement an interactive hero animation using Rive

How to design 0:11:44

How to design a 3D website with character animation using Spline (no code) - Tutorial

3D EXPLAINER VIDEO 0:00:29

3D EXPLAINER VIDEO ANIMATION | 3D ANIMATED INFOGRAPHICS PRESENTATION | DUBAI | UAE

3D Model Presentation 0:01:28

3D Model Presentation | 3D Interactive Animation Software

3D Product Animation 0:00:28

3D Product Animation Video (3D Product visualization)

Interactive Card made 0:00:22

Interactive Card made in Spline #3d #3ddesign #ui #ux #animation #motion #3dmotion #webdesign

Create an Epic 0:03:31

Create an Epic 3D Website Animation - In less than 4 minutes

Animation Galaxy: Jack's 0:00:30

Animation Galaxy: Jack's Desperate Sprint Through the Haunted Train! __♂️#animated #shorts #tre...

Threejs smooth camera 0:00:23

Threejs smooth camera animation with GSAP

Path tool in 0:00:16

Path tool in Spline #3d #3ddesign #animation #3danimation #3dart #motiongraphics #motiondesign

Scrollsequence WordPress Plugin. 0:00:36

Scrollsequence WordPress Plugin. On Scroll Cinematic Animation

Macrophage eating Cancer 0:00:11

Macrophage eating Cancer Cell 3D Animation | Phagocytosis | Immunology @biologyexams4u

Bacteriophage 3D Animation|| 0:00:21

Bacteriophage 3D Animation|| Structure of Bacteriophage|| How Bacteriophage infect Bacteria?

Interactive 3D made 0:00:15

Interactive 3D made in Spline #3ddesign #3d #animation #motiondesign #spline #webdesign #nocode

Look At Event 0:00:12

Look At Event in Spline #3d #spline #uiux #tutorial #3ddesign #animation #motiondesign #3dwebsite

Intro To Interactive 0:38:44

Intro To Interactive Animation In Rive | UI Animation Tool

Master Interactive Prototyping 0:21:53

Master Interactive Prototyping and Animation in Figma. Coffee App UIUX Design and Animation Tutorial

Figma 360 Degree 0:09:02

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

Interactive 3D PowerPoint 0:01:39

Interactive 3D PowerPoint Animation by INSCALE

interactive 3d heart 0:01:02

interactive 3d heart animation

Spiral Interactive Animation 0:00:19

Spiral Interactive Animation #3d #smartphone #spline3d #3danimation #spline

Create 3D Animations 0:21:25

Create 3D Animations Using HTML, CSS & JS | Scrolling Animation Using Canvas

Immune Cells destroying 0:00:19

Immune Cells destroying Virus Infected Cells | 3D Animation

Комментарии
Автор

Wow this tutorial was incredible. And thank you so much for providing the source files, it really helped me to follow along and understand the process better ❤

lunapro
Автор

Thank you for all the knowledge and kindness that you share freely. I am very grateful to be able to learn this figma from you.

justingrasio
Автор

This is looking so beautiful. Thank you for sharing. Your videos are amazing. I am part of your course as well and learned so much already.

dominikd
Автор

This is amazing well done. I have noticed a lot of Figma videos, but nobody talks about what to do next after Figma, like how to create a website out of it (like what cheap website builder to use)

RSKFunda
Автор

You are really really great, keep going.

EliteGamersDz
Автор

Looks amazing! Thanks! Do you think it is possible to use component properties instead of changing the images or is it going to affect the animation in any way? I am a total newbie at Figma animation. Many thanks!

lachocolatada
Автор

Would love to see the development fase of this in a pro wordpress builder like Bricks. I hear devs crying in the back.

SamanticsNL
Автор

We have to learn easy when you provide source file

mirzazaif
Автор

How do I convert the 3d file to figma?

akunoppo
Автор

Where u are getting these kinds of images

tineshpandian
Автор

Super helpful thank you so much ❤❤ but why changing the fill when we can replace it with one of the planets from outside the frame? I didn’t get this part.

Mariamadk
Автор

can you explain how to open this source file in figma please

Peace_seeker
Автор

Too fast to see what u click. Pls slow down. I’m very new to this figma.

kimyoungjin