Create a UI into a 3D Perspective in Figma

[@aidenfaulconer9193]

You can also do this quicker with a figma plugin called fig3D which takes svgs and puts them in a 3d space you can work within, you can customize things like lighting and thickness for the flat items you select for the plugin

[@hayatgamer2304]

No words to thank you 🥰

[@TheCalmWoodsman]

I was trying to do the same with one of my cards and figma is just blocking and there is nothing I can do more. Do You know how to fix that?

[@blackant1311]

anything for wordpress?

[@mohamedhamada7588]

thanks you are life saver
note for new users like me if you cant see the stroke extroded and you cant see options
# just double click on your object in 3d view and the advanced option will appears

[@pratika.chavan]

This plugin is not working :(

[@CH3THIN]

design code literally makes the best designs out there

[@DesignCodeTeam]

haha, we're trying. glad it's being noticed. :)

[@ImtiazMahmud-q2c]

You just elevated my professionalism one step ahead...Thank you ✨DesignCode✨

[@PATOUIUX]

Thanks! This kind of tutorials are amazing for people like me (junior trying to learn) copying the designs with a step by step guide is really helpful! thanks a lot!

[@Sandeep-tn8mz]

Cant believe souch content is for free .. Great work, god bless you

[@ikamardhika]

as a beginner and self taught from coding to UI UX right now and also wanna landing the job soon, thank you so much for the amazing tutorial!!!
started from want to learn how to making wave with figma and the algorithm brought me to this amazing account and also they are girls!!
and let me guess you guys from SEA also..
it's so inspiration!!

[@texasrobotaxi2727]

Exciting stuff! Looking forward to trying this over the holidays

[@DesignCodeTeam]

Awesome! Happy holidays!

[@knigAnna]

Wow! THANK YOU VERY MUCH ❤🎉

[@aidpool]

I learnt somethings new today. Thankyou! Btw in love with your accent.

[@n4gpal]

never expected this in figma!

[@epitaph8704]

what is figma

[@sengv1987]

this will go great for my future portfolio update, thanks

[@DesignCodeTeam]

Great! You're welcome ! 😉

[@NatadTech]

Skew That 💙💙💙💙

[@HiepTran-fh2jz]

damn, looking so good. Nice plug in . Thank you

[@DesignCodeTeam]

it's great that it's non destructive too!

[@nicafaustinoVC]

Amasingly good. Well done and many thanks for sharing it.

[@DesignCodeTeam]

Glad you enjoyed it ☺️

[@vaibhavsaxena2127]

Awesome work and aswesome tutorial. Thank you :)

[@kennethn.9960]

very cool the way you design the floating. Thanks for sharing

[@ongame2264]

Thanks for sharing!

[@DesignCodeTeam]

Thanks for watching!

[@unhumano2713]

Thanks a lot for your time and shared experience!!!

[@DesignCodeTeam]

It's my pleasure

[@Ervino_rainy]

It work, ah thanks for your tutorial😊

[@tentacle_sama3822]

Woah amazing, just what I was looking for

[@sskdev5116]

I learned alot in this one video

[@DesignCodeTeam]

That's awesome to hear!

[@Houston93]

This is so great content😊

[@josuegisber8150]

You guys rock!

[@DesignCodeTeam]

Very kind of you to say!

[@anzysthomas2716]

it's very helpful!!! thanks a lot Sourany 😁

[@ahtishamulhaq6677]

hm

[@Callemos7]

That’s really cool.

[@randominternetmedia]

Thank you!!

[@DesignCodeTeam]

Welcome!

[@vctgab]

Nice!!! 🇧🇷 🇧🇷

[@aestheticlover6305]

wow Nice Super awesom💥

[@Ryanae]

wow, thanks for sharing

[@lilyyang5779]

Thanks for share！

[@sudharsan7202]

Thank you very much!!

[@DesignCodeTeam]

You're welcome!

[@starvemarve5530]

Amazing. I was just abt to go to Blender

[@BreathingInPixels]

Wow,,, love it...

[@zar_germany]

just amazing. thankyou😍😍😍

[@harshdadhich8232]

Thanks a lot✨

[@heloisaviana5636]

thank you so much

[@kelvinpraises]

awesome! 🔥

[@mansweepquo]

Hi on 3:50 did you do it manually or you did something to apply it al the 3d on every elements on the icons etc? please answer me.

[@uxuidesigner1048]

Awesome design and cute voice

[@rukiee.b.ovwigho5709]

Nice tutorial 👏👏

[@mdiqbalhossain9832]

Thank you

[@jetchaolin4688]

How do you create a device, like that Iphone you took the screen from?

[@zoeho3433]

thanks a lot:)

[@DesignCodeTeam]

Welcome!

[@aa_kasep]

where can I find such good pictures?

[@karlc.5943]

Hello ! When I try to move the "cards" out of the frame, it changes the disposition and everythinh is going "linear" shaping the rectngular frame. Any advice ?

[@shaniaj1879]

sooo cool

[@progyanboruah1534]

How did you do it sooo quickly 3:48?

[@KT-User]

thanks

[@DesignCodeTeam]

You're welcome! ☺️

[@slava.senatorov]

Thank you for what you doing, amazing tutorial ❤️‍🔥

[@DesignCodeTeam]

Glad you like it!

[@mitexz]

which mockup plugin did u use?
and also
figma is not showing me the option of detach instance

[@mosesadekoje3107]

Looks awesome! Thanks for the video.. I'm assuming this is just a fancy way to showcase your design or is there some other use for it?

[@busimo]

showcase of course

[@ibukunoluwaodukoya8936]

Nice

[@DesignCodeTeam]

Thank you! 😊

[@sendiafirza]

6:47 why did you cut this?

[@MACH_SDQ]

Goooooood

[@WaliaIbex]

You could do it easily with Spline 3D .

[@alicehmchow]

May I know what UI software are you using? I am new to the field what will you suggest?

[@DesignCodeTeam]

We're using Figma to design this

[@uithesecond9047]

Please how did you get that gradient for your figma background

[@Ziku_kun_7]

can we design like this in phones?

[@bristlearts2923]

Hey, how did you do the bodies of the smaller UI elements so quickly at 3:48 to 3:53?
Also thanks for the tutorial!

[@ira.pavlenko]

the same question))

[@Pizzaaa20008]

Wonder the same

[@jwilliams5063]

I have the same question hopefully she will answer

[@Bartrangames]

i think she already did that before and just reveal the layers

[@naeembabakheil]

good.. does figma need coding or its WYSIWYG ? and export for as image ?

[@andrefelixcarvalhoneiva1416]

my linear gradient does not appear the straight line like you ;/

[@donbao]

cool

[@asitpurohit_108]

Do u have any course

[@gopalkrishna7403]

Hello, I have a project, looking for UI design like this. How can I reach you to discuss further...

[@uzcryptoairdrop]

which app is this?

[@tomashruska_25]

ad watched :)

[@victoravr10]

Next: into Java swing interface 😆

[@CryptoWith_fhiyyerh]

huh.....i have been looking for something like this thanks

[@rickyventaglio5811]

Does the plug-in still work?

[@aspirin4279]

It still works till now

[@adminmovie]

Ty Buk Lau

[@varshakapil8224]

Wow

[@BrooklynDesigne]

Hello!
What is this neon UI style called? I want to master it.

[@esjel9804]

Glassmorphism with aurora backgrounds

[@BrooklynDesigne]

@@esjel9804 hm?😂

[@ttuywc1eq]

Great tutorial but the background music is a bit annoying

[@xulibo1213]

看起来炫酷，这个软件第一次听说。也不知道如何下载使用，或需要付费

[@mehmetedex]

*_".. now, look at this sorry miserable squashed thing. Can anybody tell me what's wrong with this picture? Anybody? Anybody at all?"_*

[@alexandergolubev6358]

learn blender instead

[@nabooo]

or cinema 4d

[@rorothegoatboat]

Need a tutorial like this for Illustrator, I hate figma...

[@amuaypnk9274]

Thank you for tutorial 🙏🏻☺️
but i have some problems with Flatten (3:15)
perhaps i used your UI (for trying)
and it group many strokes so i couldn’t do the next step…🥲