How to create futuristic interfaces in figma [Tutorial]

Подписаться 1,5 тыс.

Просмотров 37 тыс.

50% 1

I think the title says everything. This is a tutorial of how to design these futuristic interfaces I always create on my instagram account. Please apologize my english and that I speak too fast sometimes, but that's why I create a video so you always can jump back :D
1:10 Shapes
8:01 Images
14:21 Details
27:25 Fonts and Research
✏️Here are a few useful links:
🅰 Pangram Pangram Font starter pack
pangrampangram.com/products/fsp
🏞 Free Images
unsplash.com/photos/vwbbvgghKfs
unsplash.com/
☻ Inter font
rsms.me/inter/
⭕️ Arc Plugin
www.figma.com/community/plugi...
⌲ Text Wrap
www.figma.com/community/plugi...
➤ To Path
www.figma.com/community/plugi...
The music is from bad snacks ;)
Instagram:
/ carlhauser
Twitter
/ crlhsr

Опубликовано:

12 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 111

@dontpanic8 3 года назад

Woooooow thank you very very much for all the feedback it's insane!🙏🏼 I really appreciate that!

@JeremyMuradesign 3 года назад

Great tutorial man love the vibe I would personally do this in Illustrator would be a lot faster for me :)

@stratospheric-tv 3 года назад

Amazing first tutorial! Looking forward to more!

@andrejblazhevski9532 3 года назад

so incredibly thankful you are sharing this precious process of yours with us! what an inspo!

@theparthy 3 года назад

A new tutorial master is born. Keep it up!

@Wellgraf 3 года назад

Legend, been waiting for this man! 🙏🏼🔥

@dontpanic8 3 года назад

Haha 😄 thank you very much !

@LaughingBull 3 года назад

Huge tutorial! So glad you're finally sharing this stuff. Your work is dope, thank you and keep it up

@dontpanic8 3 года назад

Thank you! 😋

@wendyzhoudesign 3 года назад

Thank you! I've been wanting to learn how to do graphics like that for such a long time! Looking forward to more tutorials

@user-st9uz2ij9y Год назад

This here, Sebastian, is a gem. I've been revisiting most of your stuff this past year since I got into design and finding your process here on RU-vid is priceless. Thank you, really.

@cram.design 3 года назад

Thank you for taking the time to do this. Excellent!

@okayashwin Год назад

This is one of the best tutorials I’ve ever come across. Thank you!

@evgenyivliev9992 3 года назад

Woohoo! Finally I can see the creative process from the inside. Inspiring by your design.

@dontpanic8 3 года назад

thank you!🤙

@pranitpopli9926 3 года назад

Finallyyy, love you work man thanks for the tut.

@dontpanic8 3 года назад

No problem! Thank you🌈

@qiuxinglin7462 3 года назад

I love your explanation,its clear and simple.

@abhinavgarlapati8373 3 года назад

WHAT A RIDE!!! Loved to see how you make decisions. Your process is really inspiring. Keep your insights coming :'). Would love to see your animation process in future tutorials. . . . . . . . Really Inspired!

@visdevil 2 года назад

Maaaan. This tutorial just saved my life. Was really struggling to find a information packed tutorial and yours is just filled with amazing content taught in a very entertaining way. Loved everything about it, huge fan!

@Sh1n_Z0 3 года назад

You single-handedly taught us the whole idea behind designing a UI like no other before, where have you been all this time?!?!?!?

@janmendzigall9623 3 года назад

Best tutorial in 2021! Well done, bud!

@dontpanic8 3 года назад

thaaank you!

@lamothe77 2 года назад

One of the best creative tutorials i've seen (and very detailed). Please touch on how you incorporate blender and AE to your designs! Thanks for the work!

@hungry_goldfish 3 года назад

This is just.... Awesome... keep up the work man 🔥🔥

@TJ-vv3ex 3 года назад

Yay! I wanted to learn and take inspiration for my art and not so much for design, so thank you.

@oJonnyN2o 3 года назад

Great work! Love it.

@AlphaDream8 3 года назад

This is so beautiful my eyes are blessed now. Thanks for the tutorial !

@lucashyde1164 2 года назад

I've been following your work on Instagram for awhile and I've been wondering how you made these designs as well as your thinking behind it and this is just amazingly mind blowing. The fact that all these details were considered and your aesthetic sense when making this video is so inspiring!

@mclaniyisapphire80 2 года назад

Please, what is his Instagram handle?

@binusha 2 года назад

This is insanely amazing work and thank you for sharing!!!!

@literallyshane4306 2 года назад

Truly amazing! Well done.

@raygandesign Месяц назад

Great tutorials! Thank you man

@StefanSarmabozhov125 3 года назад

Amazing tutorial, I'm big fan of your work! Would love to see illustrator tutorial on how to create UI stuff as well! Looking forward for more amazing content! Keep up the great work! Cheers!

@dontpanic8 3 года назад

Thanks!🌈 I always create some elements in illustrator because it’s quicker, but never whole interfaces

@agusparulian5788 3 года назад

I hope you make more tutorials. the way you explain it is on point

@brunoaller1690 3 года назад

Dude!!! please do more of this kind of videos! this is insane!

@oleksiiberdnikov9781 3 года назад

Thank you) It was really interesting!

@JeremySiedzik Год назад

this should be in every college class, while we are at it, in ANY class. thank you, humble as hell.

@ShantanuKumar 3 года назад

Awesome tutorial 👍

@DesignXstream 3 года назад

Woah! Comment from the Pro.. 🤘🏼😁

@dontpanic8 3 года назад

Thank you so much! 😊

@WingMaster562 2 года назад

I don't know who you are, I don't even know that Figma exists, but I'm glad the youtube algorithm has sent me here. This will no doubt be useful to me some time later. It looks like Figma is great. Your tell-while-showing presentation is good, mostly straight to the point as it also includes your commentary tangents. The description is very useful with the timestamps, links, and even credits to the music. Your voice with German accent is nothing but soothing and clear to understand. (Or maybe I'm just used to content creators with heavier German accents speaking English such as JoergSparve and members of ZF such as SwatKnight and Gambit) In any case, subbed.

@ebc6970 Месяц назад

This guy only have one video but it's an absolute banger. Hoping to see more from you though!

@spacelake 3 года назад

Looking forward to your Blender tutorials already!

@thinuraherath 2 года назад

Really inspiring ❤️‍🔥🔥 waiting for the next video🥺

@kushparmar5142 3 года назад

Keenly waiting for other tutorials...im speechless

@KikinProductions 2 года назад

Thank you for this sir!

@janharold 3 года назад

This is gold. Thank you!

@someone_1o29 2 года назад

I really love your tutorial it's fantastic btw love from India

@alekberry5491 3 года назад

How does this man only have 400 subs? Like its so well edited

@RDY_97 3 года назад

That's totally sick!

@aromaltr8021 3 года назад

Great tutorial

@siddharthgondaliya9624 3 года назад

Keep Making, Keep Inspiring🙏🏻

@noskov1 3 года назад

Wow! I’m ur fan Sebastian. Love ur works. Amazing tutorial and interfaces! Keep it up!!! Do you plan to make more such vids in future?

@dontpanic8 3 года назад

Thank you! When I have time definitely!👌

@cometa_planeta 3 года назад

THE BEST!!!!!!!!!! I LOVE THIS IS TUTORIAL

@HeyNoah 3 года назад

This is awesome!!!!

@kavineesh12 2 года назад

This was dope

@chrysangeloskougioutas7556 2 года назад

Wow that's mad, thank you for the tutorial

@arsa3903 2 года назад

Awesome 🔥🔥🔥🔥 We want more tutorials

@u_walk2251 6 месяцев назад

endlich mal einer der * out of the box * denkt. danke bester, das box in the box bis zur bento box is zu wenig. definitely gettin some oblivion interface designer GMUNK vibes here. sweet

@juangomezw 3 года назад

OMG! This totally whips the llama's ass!!! just found you on dribbble, great work!. Would love to see some blender introduction tutorials, I'm getting more and more interested in 3D :)

@windcent6315 3 года назад

Insane!

@seun-ohm 10 дней назад

Chefs kiss!

@dofight829 2 года назад

thank you for sharing

@varshakapil8224 2 года назад

Subscribed 🎉 awesome 😎

@fabrico7123 2 месяца назад

upload more videos man you are very inspiring

@elysiumcore 2 года назад

Awesome stuff.. Likewise im in Tokyo

@DesignXstream 3 года назад

Awesome tutorial man... would be even cooler if you could add some animation in the end! 😁

@porknwithbill Год назад

Soooo good

@twinsparadox8700 Год назад

Thank you so much for making this tutorial 🙏 May I ask how you record (or get) your animation from Figma to Blender 🥺

@littensy 2 года назад

We need more videos, I’m panicking!

@affeui3892 3 года назад

Amazing man!. Can you do more

@januaryperson1306 15 дней назад

Please more tutorial like this

@dinguskhan733 Год назад

this is really helpful! you haven't left any of your social media links on here and karlhaus doesn't lead to an interface design company

@srdjan.despic Год назад

Please make more, its been a while

@gunix28 2 года назад

Amazing tutorial!! Can you do more futuristic UI/UX tutorials? Thats what the design world needs more of nobody cares about cellphones, and websites when you have multiple surfaces mirros, gym equipment, signs, windshields, glasses, AR, VR etc

@gunix28 2 года назад

Also don't forget Voice UI.

@AmitDas-or3zr 3 года назад

Thanks a ton for putting this up. Have been trying to enter the FUI design space for a while and this is the most easy to follow one -- I must say. Quick question: Which mouse do you use? (Nothing related to this tutorial, but generally curious to see your desk setup)

@dontpanic8 3 года назад

Glad to hear that! I’m using a steel series rival 100 or steel series sensei 310

@emil5633 3 года назад

Please make more tutorials on figma (showing plugins or anything cool). I love this. I wasn't bored at all and that says a lot hahaha It reaches even beginner to intermediate levels too

@walabe8 3 года назад

@vic.design 2 года назад

Spectacular work & tutorial!!!! Thanks for sharing!!!

@cedricgfrerer3305 2 года назад

crazy. love it. thank you so much. just started out using sigma and learned a ton with this. you rock!

@raystarzee3929 2 года назад

Amazing video, just wondering what you meant by not adding random shapes?

@sylens_ 2 года назад

What is your monitor size that you're using for this tutorial, I find that when I use the same width and height for the circle, mines either looks a little smaller than your or yours looks a lot larger than mines and I can't seem to figure out a solution

@KikinProductions 2 года назад

Hey so I've been wanting to do similar design posters like these and I wanted to know which standalone software (no subscription) is best use? Thanks in advance!

@guilhermesalles4313 2 года назад

I was thinking to start using Figma a bit more, but I could never thought that you create this super complex creations on that software. AMAZING man! I am a huge fan of your creations.

@empowerlee 2 года назад

wow

@ShaunCronin 2 года назад

I had to pause halfway through to share how extremely thrilled I am with this tutorial! WOW!

@RootsBloodyRoots1781 6 месяцев назад

why don't you post anymore? This video is fantastic

@adibtaskim339 2 года назад

Why no more videos ? Please upload and share some of your figma file so that we can study

@Wanka196 2 года назад

Hell!!!

@mashable8759 3 года назад

Oh i thought you made them in Adobe Illustrator. and now i'm wondering why illustrator doesn't have this feature, it does have the pie feature but the rest is needed