No video

Designing an App in 30min Using Figma (Challenge)

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

Пікірлер: 83

  • @VenrickAzcueta
    @VenrickAzcueta Жыл бұрын

    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

    Жыл бұрын

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

  • @geethairu7596
    @geethairu7596 Жыл бұрын

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

  • @brianrobles531
    @brianrobles531 Жыл бұрын

    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!

  • @teenuade
    @teenuade Жыл бұрын

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

  • @RealSLK
    @RealSLK Жыл бұрын

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

  • @dualeali2162
    @dualeali2162 Жыл бұрын

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

  • @priceandproduct
    @priceandproduct Жыл бұрын

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

  • @arafat.uiandux
    @arafat.uiandux11 ай бұрын

    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.

  • @kiba9739
    @kiba9739 Жыл бұрын

    This is so cool and fun! Subscribed!

  • @KalvinPatel
    @KalvinPatel Жыл бұрын

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

  • @FluxAcademy

    @FluxAcademy

    Жыл бұрын

    Thanks for letting us know!

  • @suman121069
    @suman121069 Жыл бұрын

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

  • @LucasSilberberg
    @LucasSilberberg Жыл бұрын

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

  • @MaddyBeard

    @MaddyBeard

    Жыл бұрын

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

  • @felipehernandez-ub3ze
    @felipehernandez-ub3ze Жыл бұрын

    That smart animate was awesome! Thanks for this tutorial!

  • @zeeq7331
    @zeeq7331 Жыл бұрын

    This was really fun to watch. 😀

  • @georgiacarias2160
    @georgiacarias2160 Жыл бұрын

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

  • @VivedVRGtag
    @VivedVRGtag Жыл бұрын

    WERD!!! Thanks Maddy! Short and simple!

  • @jaylondon5226
    @jaylondon52263 ай бұрын

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

  • @nigbinedion
    @nigbinedion Жыл бұрын

    You did amazing, Maddy! Well done!

  • @HawkeyesAeroMarket
    @HawkeyesAeroMarket Жыл бұрын

    Thank you so bunch for your video!

  • @djlilcq
    @djlilcq Жыл бұрын

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

  • @mdhabiburrahaman5848
    @mdhabiburrahaman5848 Жыл бұрын

    you beauty! thank you for sharing your process.

  • @pierre-louistharreau2608
    @pierre-louistharreau2608 Жыл бұрын

    Thank you, it was very helpful :)

  • @ggamer847
    @ggamer847 Жыл бұрын

    you did great, I learned a lot from this video

  • @fatimasbee
    @fatimasbeeАй бұрын

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

  • @Dimma_Daniela
    @Dimma_Daniela Жыл бұрын

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

  • @HyperNVC
    @HyperNVC4 ай бұрын

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

  • @opff4862
    @opff4862 Жыл бұрын

    Very good design I love it so much

  • @polashhemrom3486
    @polashhemrom3486 Жыл бұрын

    Really Amazing Tutorial.💛💛🧡❤❤

  • @aud2ice
    @aud2ice Жыл бұрын

    Just awesome. Very fast ideation.

  • @smilli6415
    @smilli6415 Жыл бұрын

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

  • @H3Kei
    @H3Kei Жыл бұрын

    Thanks, Maddy❤

  • @xChikyx
    @xChikyxАй бұрын

    that icon font blew my mind 🤯🤯

  • @vaibhavsaxena2127
    @vaibhavsaxena2127 Жыл бұрын

    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?

  • @MaddyBeard

    @MaddyBeard

    Жыл бұрын

    I used Tiny Stopwatch! :)

  • @misbahbahawal-fc4hg
    @misbahbahawal-fc4hg2 ай бұрын

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

  • @Twilight-dq7bq
    @Twilight-dq7bq6 ай бұрын

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

  • @FluxAcademy

    @FluxAcademy

    6 ай бұрын

    Glad it was helpful!

  • @dushandedigamuwa890
    @dushandedigamuwa890 Жыл бұрын

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

  • @SkillDUDE
    @SkillDUDE Жыл бұрын

    what plugin did she use for the icons?

  • @MRchf-st7bg
    @MRchf-st7bg Жыл бұрын

    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

  • @davegarcia2525
    @davegarcia2525 Жыл бұрын

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

  • @waleedkh9769
    @waleedkh9769 Жыл бұрын

    You monitor mounted on the ceiling?

  • @makemoneyonline6278
    @makemoneyonline6278 Жыл бұрын

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

  • @FluxAcademy

    @FluxAcademy

    Жыл бұрын

    Thanks for letting us know!

  • @Noble-Technologies
    @Noble-Technologies Жыл бұрын

    Great Job

  • @douge.zambrano4060
    @douge.zambrano4060 Жыл бұрын

    Good Job!!!

  • @p.k5096
    @p.k5096 Жыл бұрын

    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

    Ай бұрын

    i assume it's with fill/background color?

  • @nicknico4121
    @nicknico4121 Жыл бұрын

    very good!

  • @mrfreeandclear970
    @mrfreeandclear970 Жыл бұрын

    How do you do the coding??

  • @kapilbatra5486
    @kapilbatra5486 Жыл бұрын

    What were the other two ideas??

  • @Helloworld0072
    @Helloworld0072 Жыл бұрын

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

  • @MaddyBeard

    @MaddyBeard

    Жыл бұрын

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

  • @Helloworld0072

    @Helloworld0072

    Жыл бұрын

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

  • @postohero101
    @postohero101 Жыл бұрын

    21:37How did you get icons by typing?

  • @js53649
    @js53649 Жыл бұрын

    Genia ❤

  • @MarioMaletic
    @MarioMaletic Жыл бұрын

    You are awesome! God job!

  • @nanio7636
    @nanio7636 Жыл бұрын

    Hii can send your fonts app

  • @MrUnstoppableHeart
    @MrUnstoppableHeart Жыл бұрын

    Is Figma good for web app ui design too?

  • @FluxAcademy

    @FluxAcademy

    Жыл бұрын

    yes!

  • @kishorekumar7878
    @kishorekumar7878 Жыл бұрын

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

  • @sheriffdeenadesokan3962

    @sheriffdeenadesokan3962

    Жыл бұрын

    The font is font awesome pro

  • @ItsMeSteveyP
    @ItsMeSteveyP Жыл бұрын

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

  • @user-qn7qt6lp2p
    @user-qn7qt6lp2p11 ай бұрын

    Go into your account and change background of figma there

  • @bazimtsweni5343
    @bazimtsweni5343 Жыл бұрын

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

  • @dean37
    @dean37 Жыл бұрын

    How does she duplicate files so quick like that?

  • @rohanr.k8044

    @rohanr.k8044

    Жыл бұрын

    Hold Alt and drag whatever you want to duplicate

  • @sergioturizom
    @sergioturizom11 ай бұрын

    ❤❤❤❤❤

  • @christophergarrett3044
    @christophergarrett3044 Жыл бұрын

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

  • @talhasaeed
    @talhasaeed Жыл бұрын

    so basically 2 screens, cool

  • @umarusman7958
    @umarusman7958 Жыл бұрын

    FIGMA background bruhh

  • @mikeorlowski_
    @mikeorlowski_ Жыл бұрын

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

  • @mrinmix_online
    @mrinmix_online Жыл бұрын

    Without any research phase it doesn't make sense 😅

  • @IsaacJrDevelops

    @IsaacJrDevelops

    Жыл бұрын

    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.

  • @seobookpro
    @seobookpro Жыл бұрын

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

  • @ValentijnVanbeem
    @ValentijnVanbeem Жыл бұрын

    je voorhoofd is kaulo groot

  • @Raghudesign
    @Raghudesign Жыл бұрын

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

  • @rupendrajnv1758
    @rupendrajnv17586 ай бұрын

    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 Жыл бұрын

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