Flat UI Design in Figma: Social Media App - full course

Learn how to design a Social Media app in Figma from scratch using light, colourful and flat styles. Tips for beginners on how to find inspiration and how to create a design effortlessly.
📂 Figma file
➡ www.figma.com/...
🔗 Links mentioned in the video:
➡ Unsplash: www.figma.com/...
➡ Poppins Font: fonts.google.c...
➡ Icons by Mhr: www.figma.com/...)
➡ Icons by Halal Lab :
www.figma.com/...)
➡ IOS 15 UI KIT by Joey Banks :
www.figma.com/...
🖥 Visit our website for more Design tutorials
➡ UI Design Android Quick Apps in Figma: designcode.io/...
➡ UI Design Smart Home App in Figma: designcode.io/...
➡ UI Design Quick Apps in Figma: designcode.io/...
➡ Figma handbook: designcode.io/...
➡ UI design handbook: designcode.io/...
➡ iOS design handbook: designcode.io/...
➡ UX design handbook: designcode.io/...
👋🏻 Let's connect!
➡ Twitter: / titepommee
➡ Instagram: / sourasith.design
🎵 Music from Uppbeat (free for Creators!)
uppbeat.io/t/ni...
License code: WWNBPPQMSW6ZBT0R
#figma #uidesign

[@liy1561]

I legit searched this up 2 hours ago and couldn't find anything, the timing is impeccable. Thank you for sharing this!

[@DesignCodeTeam]

I’m glad to help ☺️

[@TaniaOchoaPLUSPLUS]

love this start, first listen to the music. I can't ever start designing without some music. Just helps flow ideas.

[@DesignCodeTeam]

Glad you enjoy it!

[@creatoratplay]

Your videos are amazing! And it's so cool that you even offer your design files for people to play around with. Thank you!!

[@codigosimple1989]

your designs are cute, I am not much of a designer but I like to replicate figma designs into code, thank you now I have a better idea of how to designer software

[@danielwatson6529]

hey man, do you know any good resources, i can code but only my own ideas, now i need to take a figma file and code it and looking for workflow tips

[@codigosimple1989]

I don't know I don't work for companies or capitalism anymore, but always the best resources are the open source in my humble opinion

[@danielwatson6529]

@@codigosimple1989 that's super, me neither, at the moment im just clicking on the layers , copying the css under inspect, then hacking away at it until its a bit slimer. it just feels like this isn't the way so was looking for maybe a TH-cam with an opinion on the fact that you might have used

[@Alejandrodindiaz]

I love your videos!, thanks for share your knowledges ✨

[@DesignCodeTeam]

Glad you like them!

[@Anas-Ben88]

this is a great channel to learn UI design for everyone

[@DesignCodeTeam]

Glad you think so!

[@bossboss4508]

i love your video, design so beautiful and inspire , your voice so kind ❤❤

[@DesignCodeTeam]

Thank you so much!

[@christianamomoh]

29:45 The problem with the status bar is that it has a layout grid turned on. Just turn the grid off and the red lines will disappear.

[@NorachTactics]

Thank you Ma'am !

[@DesignCodeTeam]

Welcome :)

[@Electrical-Mechanic]

I like your French and English languages mixture 😘😘😘

[@DesignCodeTeam]

Indeed, I always mix my French and my English 🙊 thanks ☺️

[@elle381]

You are truly an inspiration. Thank you so much

[@500shanth]

Thanks for this beautiful design. seems very cool. How to run this app on phone? Will you be doing another part how to code and run as a real app on the phone? Thanks.

[@luojack4909]

color is so beautiful

[@DesignCodeTeam]

Thank you

[@uxdworld]

Beautiful design 👏👏

[@DesignCodeTeam]

Thank you so much

[@digigoliath]

Awesome!! TQVM!

[@DesignCodeTeam]

Thank you :)

[@souvikkangsabanik6612]

THANK YOU SO SO MUCH ♥️♥️♥️♥️

[@DesignCodeTeam]

You are so welcome!

[@thonivai]

Woww... Love this tutor...😍🔥

[@DesignCodeTeam]

Thank you ☺️

[@chiemeriechibuzor3989]

Thank you !

[@DesignCodeTeam]

You're welcome!

[@mdiqbalhossain9832]

Love from my heart ❤️❤️❤️
I am waiting for your Video.
Can you share a video, how to make intro video in this UI design?

[@racoonchief]

Amazing video.

[@DesignCodeTeam]

Glad you enjoyed it

[@PReM-rj4qc]

" Except my parents " that's epic 🤣🤣🤣🤣

[@fiyagaming9597]

You skip a lot of things in between.

[@junaid19929]

Yeah 👍

[@THCHUMOUR]

these videos are great

[@DesignCodeTeam]

Thank you :)

[@lamdjadzakaria256]

Thank you so much for the infos

[@damidesign4023]

I love your video💕💕💕💕
Thanks for sharing 💋💋💋

[@motivateordesist729]

Good Chanel I Love this....

[@DesignCodeTeam]

Thank you so much!

[@akashiseijuro904]

Thanks for your video, i love it😍😍😍 i learned so much from your video.. thakyou💐

[@DesignCodeTeam]

Glad it was helpful!

[@kiyoshi_the_devil]

It looks really nice, but for my personal taste, the rounding on the corners are a bit too strong. But I do like the overall struckure design.

[@DesignCodeTeam]

Thanks for sharing!

[@DR.DimiTtri]

where is the codes ?? there is no coding !!!

[@dilankamadushan9736]

Hello, I've a question, should we use 8 pixel grid system rule for all of our designs? can we break it or not?

[@xmrrabbitx]

nice tutorial 👌👌

[@DesignCodeTeam]

Thank you 🙂

[@ferozkhan8086]

I love you ,,, :D
nice work Mam

[@DesignCodeTeam]

Thanks a lot 😊

[@stefanoproietti151]

I have Figma for free but I cannot find plugins. Can you help me?

[@ChiemelaDestiny]

your videos are amazing i love them❤
but what makes the app function

[@marcusmuniz1874]

hello I would like to know how do I convert a project of mine to html and css I'm starting and I would like to know if possible thank you in advance

[@AdvaithRamakrishnan]

where did you get the logos from in @26:25

[@yassinesw]

WHERE can i find send's icon

[@diveshkothari4960]

How to check spacing between the objects in figma while using a windows?

[@bersuarez2741]

si es lo del principio , usa Grid

[@amirrezaysi]

color palette? wo is?

[@uchiha_sasuke_48]

Can anyone tell me how to add the iOS 15 UI kit to our figma account from the community?
In many videos I've seen that developers were getting an option like "Make a copy" to add that UI ki. But when I'm trying to do the same, I'm getting an option like "Open in Figma".
Should we need to subscribe for a premium account to get that?

[@DesignCodeTeam]

You need to have a paid account on Figma to be able to add the library, otherwise you can go directly to the UI kit file and copy and paste it into your page.

[@uchiha_sasuke_48]

@@DesignCodeTeam This is what we need as a community support. Thanks for the info.

[@margaret_rejnowska]

Thanks for putting the tutorial. Question: why two different iOS, 13 and 15? Also, why the choice to design for 13 vs the smallest possible size (to avoid resizing problems for small screens)?

[@megatronskneecap]

iOS 13 and 15 are different in scaling, status bars and also because of the notches.

[@salmansz71]

❤

[@eskanderzaied]

Vous parler mix francais et anglais cute.

[@DesignCodeTeam]

Merci a lot 🙊

[@mudassaralivlogs7943]

U don’t do prototyping please do next time

[@mouniaouachani7367]

the video jumped at the icons part tho

[@VictorHernandez-nz2rs]

How can I hire one of you guys?

[@ShivamSaini-tu6gd]

which software do you use

[@DesignCodeTeam]

I use Figma :)

[@baby1cat175]

hellllo from #Syria ... good job

[@DesignCodeTeam]

Thank you !

[@sendiafirza]

Can you make web deisgn ?

[@DesignCodeTeam]

My last design was Portfolio Web Design. You can find it on our channel :)

[@koduruvenkatakalyan1226]

14:21 we need that files pls send me

[@DesignCodeTeam]

I share the link, but it isn’t working. Go to figma community and search for Joeys Bank ☺️

[@VictorHernandez-nz2rs]

I need a desig team for an Stratup project

[@vixenjayzee4873]

The tutorial on how to create it is quite good but your way of talking ,your speech is something needs to improve.

[@DesignCodeTeam]

Thanks! Of course, I'll improve my English :)

[@Ania-qx9wy]

Good tutorial, but pronounciation is terrible...

[@DesignCodeTeam]

Thanks! I know my English isn't perfect 🙈 As long as you liked my tutorial and I was able to help, I'm happy 😊

[@Ania-qx9wy]

@@DesignCodeTeam yes, knowledge was really great, thanks!

[@MateusSiil]

The pronunciation is perfect for someone that speaks more than one language. PERFECT.