AI11: Build a 3D Animated Website with Dora, Figma, & Blender

Alien Interfaces Episode 11

In this episode I build an AI designed website using Midjourney and Dora. Dora is a no-code web editor that can design and publish 3D animated sites effortlessly. I create the layout in Figma and use the Dora plug-in to copy it into Dora. I then use Blender to create a .glb file which I import into Dora. Finally I use Dora to animate the site and publish it.

Music:
– Odd Panda x gCoope – Desired Views
– Provided by Lofi Girl

0:00 Intro
0:20 Figma Layout
2:40 Dora Figma Plugin
3:02 Dora Layout
3:43 Blender
4:11 Photoshop Texture
6:01 Blender Texture
7:40 Photoshop Background Image
8:30 Dora Animation
11:44 3D Animated Website Results

[TKS]

This is one of the few channels out there that is directed at mid level devs and creators.
Beginner content feeds you the instructions with a spoon, making the video 2 hours long, and you end up learning the mere basics.
Kudos to you mate.

[DoraTool]

Thank you for using Dora to make cool things live!! 💙

[PaulaDaunt]

This is the most beautiful website I've seen in my entire life.

[hellomovies]

I'm glad to hear that you found the UI/UX tutorial helpful! It's great that you're feeling happy about it. If you'd like to improve the sentence for any reason, you could say:

"I'm really pleased with this UI/UX tutorial. It was very informative and enjoyable!"

[mrcth]

Genius 🎉 these designs are so next gen!

[Edwardtonnn]

Awesome! Thank you so much for sharing your knowledge 🙏 #open-source

[Uk.Cinema]

i need a video...for absulote beginner. At least 3 hours video showing step by step how we can create this

[chaudharyak]

Goated video man, straight to the point

[maurolima]

After analyzing DORA very carefully, I can't find how to apply targeting LINKS to: images, texts and icons, how to do this? Or, is there a video tutorial teaching it? Thank you very much!

[Jenry]

Hey can you edit other parts of the website in dora other than the 3D stuff? We transfer from figma to dora and everything get's messed up.

[kralj_jure]

hey how do you prepare animation to toggle it later in the Dora?

[MohanaKumar-xyxm]

How can we bring our 3d model to webflow and framer.

[letzgoto.official]

Great Job ! Which tool do you use to generate these stunning images

[arielspagnuolo]

Hey, thank u for the video. How I can publish my website in all devices? not only for mac pro 16". Because I create one but I cannot see that on cellphone. I can pay a subscription or something so I can publish anywhere?
Thank u!

[mint_bytes]

I appreciate this excellent guide, but when I export from Blender, the materials don't appear in Dora.

[eklmneee]

what if I have too big blender file? how can I compress gbl file?

[almog]

i dont know why but im so scared of blender Lol.. i know blender since 2.8 many many hours haha but i want to learn it so much

[AtomicPixels]

Dude just use spline! This is insane overkill for blender

[AtomicPixels]

It’s basically a figma tutorial. Again. Do people really need the shortcuts n shit? Totally unnecessary. Keep it focused on one skill