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

Поділитися
Вставка
  • Опубліковано 19 гру 2024

КОМЕНТАРІ • 91

  • @liy1561
    @liy1561 2 роки тому +22

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

  • @christianamomoh
    @christianamomoh 2 роки тому +6

    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.

  • @creatoratplay
    @creatoratplay Рік тому +3

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

  • @TaniaOchoaPLUSPLUS
    @TaniaOchoaPLUSPLUS 4 місяці тому

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

  • @Anas-Ben88
    @Anas-Ben88 2 роки тому +2

    this is a great channel to learn UI design for everyone

  • @bossboss4508
    @bossboss4508 7 місяців тому +1

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

  • @اياتسلامه-ك5ع
    @اياتسلامه-ك5ع 2 місяці тому

    Excellent, i love it

  • @codigosimple1989
    @codigosimple1989 2 роки тому +1

    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
      @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
      @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
      @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 UA-cam with an opinion on the fact that you might have used

  • @Alejandrodindiaz
    @Alejandrodindiaz 2 роки тому +5

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

  • @500shanth
    @500shanth Рік тому +3

    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.

  • @elle381
    @elle381 Рік тому

    You are truly an inspiration. Thank you so much

  • @Electrical-Mechanic
    @Electrical-Mechanic 2 роки тому +5

    I like your French and English languages mixture 😘😘😘

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому +1

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

  • @luojack4909
    @luojack4909 2 роки тому +1

    color is so beautiful

  • @racoonchief
    @racoonchief Рік тому +1

    Amazing video.

  • @thonivai
    @thonivai 2 роки тому +2

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

  • @uxdworld
    @uxdworld 2 роки тому +2

    Beautiful design 👏👏

  • @NorachTactics
    @NorachTactics 6 місяців тому +1

    Thank you Ma'am !

  • @souvikkangsabanik6612
    @souvikkangsabanik6612 2 роки тому +3

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

  • @digigoliath
    @digigoliath 2 роки тому +1

    Awesome!! TQVM!

  • @lamdjadzakaria256
    @lamdjadzakaria256 Рік тому

    Thank you so much for the infos

  • @akashiseijuro904
    @akashiseijuro904 Рік тому

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

  • @THCHUMOUR
    @THCHUMOUR 2 роки тому +2

    these videos are great

  • @motivateordesist729
    @motivateordesist729 2 роки тому +2

    Good Chanel I Love this....

  • @PReM-rj4qc
    @PReM-rj4qc Рік тому

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

  • @damidesign4023
    @damidesign4023 2 роки тому

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

  • @AdvaithRamakrishnan
    @AdvaithRamakrishnan 9 місяців тому

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

  • @mdiqbalhossain9832
    @mdiqbalhossain9832 2 роки тому +1

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

  • @chiemeriechibuzor3989
    @chiemeriechibuzor3989 2 роки тому +2

    Thank you !

  • @ferozkhan8086
    @ferozkhan8086 2 роки тому

    I love you ,,, :D
    nice work Mam

  • @xmrrabbitx
    @xmrrabbitx 2 роки тому +1

    nice tutorial 👌👌

  • @kiyoshi_the_devil
    @kiyoshi_the_devil 2 роки тому +1

    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.

  • @dilankamadushan9736
    @dilankamadushan9736 2 роки тому +1

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

  • @uchiha_sasuke_48
    @uchiha_sasuke_48 7 місяців тому

    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
      @DesignCodeTeam  6 місяців тому +1

      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
      @uchiha_sasuke_48 6 місяців тому

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

  • @diveshkothari4960
    @diveshkothari4960 Рік тому

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

    • @bersuarez2741
      @bersuarez2741 8 місяців тому

      si es lo del principio , usa Grid

  • @baby1cat175
    @baby1cat175 2 роки тому +1

    hellllo from #Syria ... good job

  • @marcusmuniz1874
    @marcusmuniz1874 2 роки тому

    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

  • @ChiemelaDestiny
    @ChiemelaDestiny Рік тому

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

  • @stefanoproietti151
    @stefanoproietti151 Рік тому

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

  • @margaret_rejnowska
    @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
      @megatronskneecap Рік тому

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

  • @fiyagaming9597
    @fiyagaming9597 2 роки тому +7

    You skip a lot of things in between.

  • @yassinesw
    @yassinesw 2 роки тому

    WHERE can i find send's icon

  • @amirrezaysi
    @amirrezaysi 2 роки тому

    color palette? wo is?

  • @ShivamSaini-tu6gd
    @ShivamSaini-tu6gd 2 роки тому

    which software do you use

  • @VictorHernandez-nz2rs
    @VictorHernandez-nz2rs 2 роки тому

    How can I hire one of you guys?

  • @koduruvenkatakalyan1226
    @koduruvenkatakalyan1226 2 роки тому

    14:21 we need that files pls send me

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому

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

  • @eskanderzaied
    @eskanderzaied 2 роки тому +1

    Vous parler mix francais et anglais cute.

  • @sendiafirza
    @sendiafirza 2 роки тому

    Can you make web deisgn ?

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому

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

  • @mudassaralivlogs7943
    @mudassaralivlogs7943 2 роки тому

    U don’t do prototyping please do next time

  • @mouniaouachani7367
    @mouniaouachani7367 Рік тому

    the video jumped at the icons part tho

  • @salmansz71
    @salmansz71 Рік тому

  • @DrDimiTtri
    @DrDimiTtri 2 роки тому +2

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

  • @VictorHernandez-nz2rs
    @VictorHernandez-nz2rs 2 роки тому

    I need a desig team for an Stratup project

  • @vixenjayzee4873
    @vixenjayzee4873 2 роки тому +1

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

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому

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

  • @Ania-qx9wy
    @Ania-qx9wy 2 роки тому +1

    Good tutorial, but pronounciation is terrible...

    • @DesignCodeTeam
      @DesignCodeTeam  2 роки тому

      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
      @Ania-qx9wy 2 роки тому

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

    • @MateusSiil
      @MateusSiil 2 роки тому +1

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