Designing an App in 30min Using Figma (Challenge)

Sdílet
Vložit
  • čas přidán 22. 07. 2024
  • Master Figma for web design with our new, in-depth Figma course: t.ly/qUilZ
    Get higher paying clients by designing better websites: bit.ly/3K2Z9tV
    Take advantage of our FREE resources to enhance your skills: bit.ly/3C8gBeL
    Maddy Beard takes on the challenge of designing a concept app in 30 minutes! Watch as she establishes a wireframe, chooses a color palette + fonts, and prototypes the final result within a limited timeframe. Can she do it?! 😬
    Check out Maddy’s channel: / maddybeard
    📽️ CHAPTERS
    00:00 - Introducing the Design Challenge
    00:49 - Wire framing in Figma
    07:05 - Choosing Colors & Fonts
    12:30 - Designing the App
    30:25 - Prototyping Interactions
    33:19 - The Reveal!
    🔥Become a successful web designer with our in-depth course: bit.ly/3D2IaWJ
    👉 See all our top-rated courses: bit.ly/3CZFtpn
    📱 Follow us on instagram:
    Flux Academy's Instagram 👉 / flux.academy
    How do you think she did? Let us know in the comments 💬
    #uidesign #productdesign #figma

Komentáře • 83

  • @VenrickAzcueta
    @VenrickAzcueta Před rokem +25

    Nice fun challenge! Also, when you deselect the frames, you will automatically see the background colour - that you can change, when you are under the 'Design' tab.

    • @M4rt1nX
      @M4rt1nX Před rokem +2

      My mouth was wide open when I was watching this part. I was screaming: It is there, look at it. 🤣😂

  • @geethairu7596
    @geethairu7596 Před rokem +10

    This was definitely fun to watch .. we need like a series of these design challenges

  • @brianrobles531
    @brianrobles531 Před rokem +3

    When trying to preview a font, instead of clicking to scroll if you just click on the name and use the arrow keys it’ll preview the word you selected. Thanks for an awesome video!

  • @RealSLK
    @RealSLK Před rokem +2

    Thanks. Needed to see the process from start to end and you gave me that without the bloat. Bless.

  • @teenuade
    @teenuade Před rokem +7

    This is so fun to watch. I’d love to challenge myself like this also, I take so much unnecessary time on a screen.

  • @dualeali2162
    @dualeali2162 Před rokem +1

    Loved this! Going to try attempt this myself and yes please do the other challenges!

  • @arafat.uiandux
    @arafat.uiandux Před 11 měsíci

    Awesome!!! Congratulations🎉👏🏻 I loved it. It's inspiring for beginners like me seeing what can be done in really a short time with experience. Thanks for sharing. I helped a lot.

  • @KalvinPatel
    @KalvinPatel Před rokem +9

    Love Maddy’s tutorials. Definitely do those other ideas!

  • @priceandproduct
    @priceandproduct Před rokem +1

    This is so fun & I like the way you did it. Will be appreciated for more videos

  • @kiba9739
    @kiba9739 Před rokem +3

    This is so cool and fun! Subscribed!

  • @nigbinedion
    @nigbinedion Před rokem

    You did amazing, Maddy! Well done!

  • @jaylondon5226
    @jaylondon5226 Před 2 měsíci

    Totally loved watching this plus I learned a thing or two🤗

  • @zeeq7331
    @zeeq7331 Před rokem +3

    This was really fun to watch. 😀

  • @felipehernandez-ub3ze
    @felipehernandez-ub3ze Před rokem +1

    That smart animate was awesome! Thanks for this tutorial!

  • @georgiacarias2160
    @georgiacarias2160 Před rokem +1

    Omgosh what a great surprise seeing you on this channel 😮😌

  • @suman121069
    @suman121069 Před rokem +1

    Yo Maddy Targaryen 🔥Love the way you work, You Rock 🤟Your voice is awesome which make the tutorial pretty smooth🙂

  • @HawkeyesAeroMarket
    @HawkeyesAeroMarket Před rokem +1

    Thank you so bunch for your video!

  • @djlilcq
    @djlilcq Před rokem

    This is so fun and funny. Nice and relaxed to enjoy.

  • @VivedVRGtag
    @VivedVRGtag Před rokem +1

    WERD!!! Thanks Maddy! Short and simple!

  • @smilli6415
    @smilli6415 Před rokem

    how mnay colour do you pick for an app ? whats the difference between neutral , primary and secondary colours in mobile Ui.. ? thanks

  • @pierre-louistharreau2608

    Thank you, it was very helpful :)

  • @ggamer847
    @ggamer847 Před rokem

    you did great, I learned a lot from this video

  • @mdhabiburrahaman5848
    @mdhabiburrahaman5848 Před rokem +1

    you beauty! thank you for sharing your process.

  • @polashhemrom3486
    @polashhemrom3486 Před rokem

    Really Amazing Tutorial.💛💛🧡❤❤

  • @aud2ice
    @aud2ice Před rokem

    Just awesome. Very fast ideation.

  • @opff4862
    @opff4862 Před rokem

    Very good design I love it so much

  • @LucasSilberberg
    @LucasSilberberg Před rokem +14

    I'm desperate that you don't use auto layout 🤣🤣

    • @MaddyBeard
      @MaddyBeard Před rokem +1

      HAHAHA I usually do but time was of the essence!!! 😂

  • @H3Kei
    @H3Kei Před rokem +2

    Thanks, Maddy❤

  • @Twilight-dq7bq
    @Twilight-dq7bq Před 5 měsíci

    It's amazing, thank you,it's really helpful ❤

  • @MRchf-st7bg
    @MRchf-st7bg Před rokem

    Hi, thank you for these interesting video, i don"t know if my comment is going to be seen but i need help! i've just beggin work with figma and i'am aldready stucking with a problem. when i click on new files, a black page appears and a i can't see or design anything, what can i do to change this? thank's

  • @vaibhavsaxena2127
    @vaibhavsaxena2127 Před rokem +2

    Hi , thnak you for this video, really loved it. Could you tell me which software are you using to see how much time you take on one task? Is it wworkfolio or similar?

  • @xChikyx
    @xChikyx Před 28 dny

    that icon font blew my mind 🤯🤯

  • @Dimma_Daniela
    @Dimma_Daniela Před rokem

    Your voice is soooo soothing. I Slept off twice😂. Nice challenge and video

  • @dushandedigamuwa890
    @dushandedigamuwa890 Před rokem

    i loved it ....... your tutorials........

  • @davegarcia2525
    @davegarcia2525 Před 11 měsíci

    you can use auto layout on the buttom componet to make it easier

  • @HyperNVC
    @HyperNVC Před 4 měsíci

    You’re just so awesome! I wanna try make an app, with you!

  • @SkillDUDE
    @SkillDUDE Před rokem

    what plugin did she use for the icons?

  • @fatimasbee
    @fatimasbee Před měsícem

    Niceeee.....learnt new things.
    It's your exclamations for me 😅

  • @waleedkh9769
    @waleedkh9769 Před rokem

    You monitor mounted on the ceiling?

  • @misbahbahawal-fc4hg
    @misbahbahawal-fc4hg Před měsícem

    Can someone explain what she did with icons how did she do that

  • @p.k5096
    @p.k5096 Před rokem

    I've learnt so much from following your tutorial!
    There was one area which confused me (most likely because I haven't done this before!) at 25:11 where you get the heart from Font Awesome, then flatten it, how did you fill the heart? - Thanks!

    • @xChikyx
      @xChikyx Před 28 dny

      i assume it's with fill/background color?

  • @makemoneyonline6278
    @makemoneyonline6278 Před rokem +1

    Hi, Thanks for the awesome video and I will like to see you for the other videos in future

  • @js53649
    @js53649 Před rokem

    Genia ❤

  • @nicknico4121
    @nicknico4121 Před rokem

    very good!

  • @Noble-Technologies
    @Noble-Technologies Před rokem

    Great Job

  • @douge.zambrano4060
    @douge.zambrano4060 Před rokem

    Good Job!!!

  • @Helloworld0072
    @Helloworld0072 Před rokem +4

    Kindly make a complete practical course
    On ux research
    Like how to recruite participant's for it
    And how to manage etc

    • @MaddyBeard
      @MaddyBeard Před rokem

      I have a lot of videos over on my channel about this stuff! Feel free to check them out :))

    • @Helloworld0072
      @Helloworld0072 Před rokem

      @@MaddyBeard i've already subscribed u long time ago
      But i never found the information i wanted

  • @mrfreeandclear970
    @mrfreeandclear970 Před rokem

    How do you do the coding??

  • @kishorekumar7878
    @kishorekumar7878 Před rokem

    ma'am can i know how did u convert the text to an icon , by typing the icon names ?

  • @minhyepark2292
    @minhyepark2292 Před rokem

    21:37How did you get icons by typing?

  • @MarioMaletic
    @MarioMaletic Před rokem

    You are awesome! God job!

  • @kapilbatra5486
    @kapilbatra5486 Před rokem +1

    What were the other two ideas??

  • @nanio7636
    @nanio7636 Před rokem

    Hii can send your fonts app

  • @MrUnstoppableHeart
    @MrUnstoppableHeart Před rokem +1

    Is Figma good for web app ui design too?

  • @ItsMeSteveyP
    @ItsMeSteveyP Před rokem

    Screams "the icon buttons!" at the 2minute mark. 😂

  • @sergioturizom
    @sergioturizom Před 11 měsíci

    ❤❤❤❤❤

  • @bazimtsweni5343
    @bazimtsweni5343 Před rokem

    30min design... days of development😂😂😂😂... Great Video

  • @user-qn7qt6lp2p
    @user-qn7qt6lp2p Před 11 měsíci

    Go into your account and change background of figma there

  • @dean37
    @dean37 Před rokem

    How does she duplicate files so quick like that?

    • @rohanr.k8044
      @rohanr.k8044 Před rokem

      Hold Alt and drag whatever you want to duplicate

  • @talhasaeed
    @talhasaeed Před rokem

    so basically 2 screens, cool

  • @christophergarrett3044

    That's does not look easy. I need a mentor in Arizona who can meet me at Arizona in person.

  • @mrinmix_online
    @mrinmix_online Před rokem +4

    Without any research phase it doesn't make sense 😅

    • @IsaacJrDevelops
      @IsaacJrDevelops Před rokem +1

      I guess this is the equivalent of an artist drawing something up in 30 mins. Looks nice and it’s a quick draw of an app idea. Would be cool if they did a video on making a whole technical spec from the idea jar. Then a video on mocking up a UI design based on features from the spec. Could be an insightful video series.

  • @umarusman7958
    @umarusman7958 Před rokem

    FIGMA background bruhh

  • @mikeorlowski_
    @mikeorlowski_ Před rokem

    Saying it's an app is a click bite. It's sketch of an app. But you did well, just don't click bite...

  • @seobookpro
    @seobookpro Před rokem

    And why you think 30 min with Figma is a challenge ?

  • @ValentijnVanbeem
    @ValentijnVanbeem Před rokem

    je voorhoofd is kaulo groot

  • @Raghudesign
    @Raghudesign Před rokem

    lol, it's truly random colors without any color generator. On actual projects, this approach doesn't work

  • @rupendrajnv1758
    @rupendrajnv1758 Před 5 měsíci

    she speak like through is not clear,, really its very irritating I don't think she need to make that type of voice..

  • @danielcheng769
    @danielcheng769 Před rokem

    Wow hate to say it but your graphic design sense is pretty bad.