UI Design: Movie Tickets Booking App - Full course

[@resyncmedia]

I love your tutorials! I think what would help your videos is a keyboard event listener so people can see what keys you are pressing

[@DesignCodeTeam]

That's a good idea!

[@sakshidosani3751]

Just finished making this beautiful UI💜. I thoroughly enjoyed the process and learned a bunch of new stuff, thanks a lot!

[@googlesai1]

I learnt from it and designed my own movie ticket booking App. Thanks for sharing the knowledge. I love it.

[@brandboysltd6617]

I love all the members of your team very much.

[@dariomansilla4986]

Thank you very much, I've been learning a lot from your designs, GENIUS!!!.

[@raineverterra3893]

Thanks for the idea! I'll make my own for my final project!❤❤

[@useeerrr12587ll]

Just fished and changed some things add more frames, it''s amazing. Thank you very much

[@shehubshararshaon2540]

Your design is awesome 😍😍😍

[@DesignCodeTeam]

Thanks a lot 😊

[@MstSrabony-x9m]

Your work is really nice, I learned a lot from it, thank you, and best of all you shared your fogma file so, it helped me a lot, thank you so much again

[@DesignCodeTeam]

You are welcome!

[@olivierturpinlavallee6153]

Wunderbar!! 🤩

[@showthemevids]

This app looks so cool! Thanks a lot.

[@raghavkumar3396]

Thanks for your mind blowing lessons....It really helped a lot.. But, why don't you create android apps using material design, it would be helpful if you guys post videos on material designs. You guys are really teaching well, and we would like to watch more videos from you.

[@cozychill6942]

Great Tutorial my Girl. Very Handy for Me. Also your English is good.

[@DesignCodeTeam]

Thank you! 😃

[@graphicsdesigne]

Realy great work !!

[@DesignCodeTeam]

Thanks a lot!

[@westfield90]

Thank you so much for a wonderful lesson, so well explained nice and slowly.

[@DesignCodeTeam]

You're very welcome!

[@koffisamuelshanvier164]

at 6:36 how to put the horizontal and vertical distance or gap between the button??

[@albinsjolin649]

this is next level! Thanks!

[@DesignCodeTeam]

Glad you like it!

[@moyosoreoduse591]

Amazing amazing‼️

[@DesignCodeTeam]

Thank you 🙌

[@clotildadaniels6453]

Great tutorial … would look for a booking app and replicate realistic features with logo but above all I’m in love 🥰 ❤️💕

[@DesignCodeTeam]

Thanks! Of course, if you want to make your own app, You have to build all the app designs and add all the details. Also, add your personal touch :)

[@leentertainment5087]

Dear u choose color pattern so easily can u plz tell what you used for your comfort about your color pattern that have shown below when u choosed colour and turn into zero ?any one tell how to choose color pattern for any site or plugin that tell us that you should use these

[@kiaidrawingss]

At 5:17 When I try to change dimensions, I can't. The width and height are disabled. Please Help

[@KhanyiJozie]

Thank you so much for this tutorial. It was so helpful

[@DesignCodeTeam]

You are so welcome!

[@animegeek-011]

Very nice and simple with detailed explanation of the process. Thank you so much

[@DesignCodeTeam]

You are welcome 😊

[@Matt_tsolo]

thanks, downloaded, cheat works!

[@bloodingly]

it looks so good 😍

[@DesignCodeTeam]

Thanks :)

[@katelibra]

Awesome 🤩

[@DesignCodeTeam]

Thanks 🤗

[@wednesday4194]

wow, love it

[@DesignCodeTeam]

Glad you like it!

[@siddharthjames7096]

I am a little confused about how to use the kit because when i launch the ui kit it shows me a lot of icons if i develop a saprate file i do not know how to use the kit

[@agatha.]

Amazing Tutorials, Would you mind answering some questions, please? 1- Why did you detach the icon from the circle(back icon)?

[@mdiqbalhossain9832]

Awesome video ❤️❤️❤️❤️

[@DesignCodeTeam]

Thank you 🤗

[@evee9498]

Love this content keep doing it

[@rameezraja7774]

How are you

[@GradientCUTS-H2O]

VERY INFORMATIVE TUTORIAL MAM....🙏

[@DesignCodeTeam]

Glad you liked it

[@The_Dark_Truth_offical]

But i am now also confuse how to add animation in figma text. Like your first intro ? can you please tell me 🙄🤔🤔

[@digigoliath]

Awesome!!! TQVM!!

[@DesignCodeTeam]

You are so welcome!

[@ibesunday1053]

Where is the rest of videos, the prototype part

[@sanket700]

Mam i only want to be ui desinger is it compulsary to learn ux ?

[@RamanDeep-zl5sf]

Can anyone explain about green boundry of every rectangle at first slide??

[@learning6281]

Help full tutorial. Thank You 😀

[@DesignCodeTeam]

Welcome 😊

[@KavinduDharmasiri-t2g]

it's beautiful

[@linguaacademy9745]

Hi, I know this has a year old, but as I was creating this alongside with her, my background blurred circles came to be very irregular. They are just overlapping my frames, and they do it as they please. How can I make my blurred circles to be only inside the frames I want? Why are they standing outside of the frame and even interrupting my other frames? Yes, I have tried to do masks, to change the blend mode, I put them behind the bar, all she did, I did... Why are they still rebbeling? Thanks in advance if you have an answer for this.

[@resler7ooo118]

Good job 😃😃😃😃😃

[@DesignCodeTeam]

Thank you so much 😀

[@mariangeldiaz1395]

aMazing! Do you have videos where you include grid and columns process?

[@mrpotloodjee]

amazing. Love it. Thanks

[@bhukkadbrownkudi8144]

Can someone explain how can we add library to our figma file ?

[@anchalprajapati4841]

thanks a lot for the tutorial~ 🙇‍♀️🍀

[@DesignCodeTeam]

You're welcome 😊

[@eramanpreetsingh8435]

hi plz help me in Figma i m using auto layout what's used in the android studio layout .....???

[@Rahul_Lata_]

your voice is so cuteeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

[@bokkorbokkor-r9o]

can I run this project in android studio?please replay

[@MrDANTE-zi1pf]

Nice .. hey can you tell .. how to create an academy contest for students .. any suggestions .. pls or where to find plugin animation for contest..

[@riyashah1161]

how do u select 2 things from the drop down menu on lhs?

[@eniolaadekoya5623]

good afternoon how do you get the home indicator ?

[@HidungPesek]

lemme to implement to code...btw thanks for sharing

[@rekhamagar3441]

Thank You !!!!

[@DesignCodeTeam]

You're welcome!

[@nguyenhuumanh3843]

thank you so much :3

[@DesignCodeTeam]

You're welcome!

[@life-os3qm]

Sis im beginner how did u take those color initially ?

[@muzamil1069]

Awesome Tutorial....😍😍😍 Can you please make a tutorial on how you did the mockups in the thumbnail of this video. Thanks

[@DesignCodeTeam]

We already have a video on 3D perspectives, and I invite you to see it :D

[@muzamil1069]

@@DesignCodeTeam Thats great i will definitely check ut out. Thanks ✌

[@amith.ftbl90]

how to do the work like if a person books a seat, the seat should be shown as sold..... Is there any code for this or should we manually do it all the time?

[@habiballaalsaqa6543]

What about of the presentation

[@Rosa-mw6ey]

How to put color palette to Figma like You?

[@animecraze9302]

I had a question, do we have to do different design for different mobile devices or else we can make the app design responsive?

[@etate4982]

How are the buttons connected to the navigation

[@epicvillain8308]

I feel like the seating arrangement is highly lacking in comparison to the design attention given to the rest of the app

[@extendo7137]

Can you please make tutorial of dating app?

[@swastikjainsj]

From which side it is full course ma'am ? if u think this is full course then u r Wrong 1) We have to do reseach about color code font family shapes etc 2) Google form Servys 3) User problems 4) Demo prototype 5) Figma architecture 6) Blueprint 7) flow 8) First cut 9) Second cut with all layouts 10) create all components 11) Assets 12) Desktop view 13) Tablet view 14) Phone view 15) watch view 16) client feedback 17) Creating Docment for developers 18) Meeting with developer 19) Lanuch

[@bobbywilliams9420]

How do you make selecting multiple seats actually work in prototype mode?

[@naeembabakheil]

very good

[@DesignCodeTeam]

Thanks

[@kanishkvijaywargiya1340]

Can you please bring SwiftUI tutorial for movie booking app, this same UI.

[@geekysunny01]

there isn't any library for me to add home indicator , how do i do that now ? please help

[@DesignCodeTeam]

Go to Figma Community, tap Joey Banks, "the creator," then select IOS 15 UI KIT :)

[@geekysunny01]

@@DesignCodeTeam ya I've did that .. do I have to open that window with new project or so I have to do anything like import , copy . Wel okk I'll try again will let you know if it works

[@Pluto_phoenix_gaming]

great

[@perigosu8449]

Do you guys do actual projects? Or design reviews?

[@ikennagibson3933]

Nice but please can you revert to flat designs that are realistic. These designs are more like dribbble designs. Thanks

[@DesignCodeTeam]

This is very much flat design using the material layer in some instances which is in line with the iOS design language. Gradients are common. The only thing slightly elevated is the border on the buttons. Thanks for the feedback!

[@zZ-yo5cc]

Hi nice video, I have a question for Figma designs, if we make a web design, it is possible to transfer it directly on WordPress for example ? Thank you

[@rgenericson5361]

It's like any graphics design program, just save your artwork and use wherever you want. You can prototype in Figma and test all the links before importing files into WP.

[@nandinisoni9776]

what platform did you use while designing? please do tell!

[@DesignCodeTeam]

The application is Figma 😊

[@contactsan12]

how to style the buttons in development ??

[@bobomurodovqamariddin6081]

gap yuq

[@shahriarragib8035]

Where i get home indicator Mam?

[@hitmanbodyguard8002]

Got ...?

[@shahriarragib8035]

@@hitmanbodyguard8002 No Sir

[@Deyyamdeyyamnakembayam]

Where is the prototype😂?

[@nikhil4yourhelp670]

i have one question mam from where do select that colors for background and all reply plz

[@DesignCodeTeam]

I select the colour in the illustration.

[@DLSPRO-ip4yh]

wow

[@usabilis1966]

The buy button should be way more on the front. Why hiding it ?

[@gulminababar8562]

Hi, very nice design. Kindly, tell me The price of this unique UX design. How much it costs?

[@DesignCodeTeam]

Thank you so much! Unfortunately, we don’t offer freelancing service. Thanks for your interest 😊

[@ObiDominic-pg8gc]

Pls whats the name of the application 🙏

[@DesignCodeTeam]

The application is Figma. 😊 If you have any more questions, feel free to ask!

[@ogennadaniel8637]

Can i try doing a replica too?😊

[@DesignCodeTeam]

Of course

[@mhasanmansur]

Thanks

[@dilinalakmal9051]

Is this a Figma Free version or a paid version?

[@xulibo1213]

看起来不错

[@DesignCodeTeam]

I don't know what you said, but I know it's positif :)

[@aviralkaushik9425]

can you tell me which platform do you use it, for making the pages???????????????????

[@DesignCodeTeam]

It's Figma

[@fightflowwithcomedy3300]

dear what software you use adobe in design or other

[@DesignCodeTeam]

Figma :)

[@fightflowwithcomedy3300]

@@DesignCodeTeam mama thanks for reply

[@nazihseoud188]

what software are u using? :)

[@DesignCodeTeam]

Figma :)

[@adspot3107]

Which software you are using ?

[@artemisseee]

Figma

[@DesignCodeTeam]

Yes, Figma!

[@YouTubeAliens-l6y]

It's that neomorphism design

[@baderahmed5966]

what is program designer

[@DesignCodeTeam]

Figma :)

[@shinikyokai8815]

Nice tutorial, but unrealistic design in the real-world. Movie theater companies wouldn't want to completely hide their own branding and replace it with the specific coloring/branding of the movie. There's also lots of movie information missing (movie theater location, movie length, imax vs. dolby vs. 4D, different pricing for adults, children or seniors). There needs to be sufficient information for the customer to feel confident enough to make a purchase through the app, or else they simply won't use that app and go elsewhere.

[@jots8209]

Yes, am agree with you man.

[@DesignCodeTeam]

Thanks! I agree with you, but I think there is a misunderstanding because we don't do the entire app design. It’s a simple design to teach beginners techniques and tricks. Of course, if you want to do your own app, you have to build the entire app design with all the details. I hope I was able to help you despite the lack of details :)

[@jots8209]

@DesignCode its good for beginners . Great design by you.

[@rgenericson5361]

Lol, you completely missed the boat! She's giving you a heads up/head start on the whole design process and utilization of Figma. It's up to you if you want to build an entire app or add/subtract features according to your clients needs etc.

[@rgenericson5361]

@@DesignCodeTeam Don't worry, you did just fine! Apparently it's not enough for some to appreciate the fact they're getting this course for free! Lol

[@taiwoade-onojobi8285]

Why is she changing the opacity to 87%

[@metroquadradosolucoesemcom2298]

wach more

[@isratjahan-qr5jf]

27:02

[@rigidhammer7376]

hard to implement this design 👎

[@isratjahan-qr5jf]

27;02

[@awaisyousaf1414]

Good design - But she is very hard to understand

[@DesignCodeTeam]

We hear you. That's why we've been experimenting with AI voices.

[@vinicianellii]

To grow it's realize that 2 years ago I thought this UI was beautiful and nowadays it's shit. 0 functional for user.