Designing an App in 30min Using Figma (Challenge)

[@Pew_Pew_Pizza]

I like these 30-minute type of challenges. Not those other here is a challenge but they give them a long period. This is more of a potential real-world case scenario where something can pop up at work or a client and you have to get something out asap. As a UI UX developer myself, I can totally relate to this. Hope to see more of these.

[@venrick.a]

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]

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

[@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!

[@geethairu7596]

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

[@KalvinPatel]

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

[@FluxAcademy]

Thanks for letting us know!

[@intrntmnk]

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

[@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.

[@felipehernandez-ub3ze]

That smart animate was awesome! Thanks for this tutorial!

[@zeeq7331]

This was really fun to watch. 😀

[@arafat.uiandux]

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.

[@georgiacarias2160]

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

[@livelykid]

Awesome insights! But curious to know why you didn't use auto-layout and also the spacing in the multiples of 4 and 8?

[@priceandproduct]

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

[@kiba9739]

This is so cool and fun! Subscribed!

[@Helloworld0072]

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

[@maddybeardUX]

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

[@Helloworld0072]

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

[@LucasSilberberg]

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

[@maddybeardUX]

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

[@VivedVRGtag]

WERD!!! Thanks Maddy! Short and simple!

[@suman121069]

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

[@misbahbahawal-fc4hg]

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

[@xChikyx]

that icon font blew my mind 🤯🤯

[@dualeali2162]

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

[@HRKei]

Thanks, Maddy❤

[@thewaliiiii]

You monitor mounted on the ceiling?

[@Twilight-dq7bq]

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

[@FluxAcademy]

Glad it was helpful!

[@davegarcia2525]

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

[@SkillDUDE]

what plugin did she use for the icons?

[@smilli6415]

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

[@Thalespoliglota]

Does someone knows an app like that? I really want to download it. Well done!

[@fatimasbee]

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

[@Dimma_Daniela]

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

[@mrfreeandclear970]

How do you do the coding??

[@mdhabiburrahaman5848]

you beauty! thank you for sharing your process.

[@MrUnstoppableHeart]

Is Figma good for web app ui design too?

[@FluxAcademy]

yes!

[@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?

[@maddybeardUX]

I used Tiny Stopwatch! :)

[@postohero101]

21:37How did you get icons by typing?

[@makaylarae735]

it’s a plugin for Figma called Font Awesome Icons

[@HawkeyesAeroMarket]

Thank you so bunch for your video!

[@ggamer847]

you did great, I learned a lot from this video

[@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

[@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]

i assume it's with fill/background color?

[@kishorekumar7878]

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

[@sheriffdeenadesokan3962]

The font is font awesome pro

[@HyperNVC]

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

[@pierre-louistharreau2608]

Thank you, it was very helpful :)

[@AishSiid]

is it responsive?

[@djlilcq]

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

[@aud2ice]

Just awesome. Very fast ideation.

[@opff4862]

Very good design I love it so much

[@kapilbatra5486]

What were the other two ideas??

[@douge.zambrano4060]

Good Job!!!

[@Noble-Technologies]

Great Job

[@dushandedigamuwa890]

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

[@nanio7636]

Hii can send your fonts app

[@polashhemrom3486]

Really Amazing Tutorial.💛💛🧡❤❤

[@bazimtsweni5343]

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

[@MarioMaletic]

You are awesome! God job!

[@ItsMeSteveyP]

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

[@nicknico4121]

very good!

[@js53649]

Genia ❤

[@jaylondon5226]

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

[@dean37]

How does she duplicate files so quick like that?

[@rohanr.k8044]

Hold Alt and drag whatever you want to duplicate

[@UsmanWaseem-l3b]

Go into your account and change background of figma there

[@talhasaeed]

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.

[@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...

[@umarusman7958]

FIGMA background bruhh

[@mrinmix_online]

Without any research phase it doesn't make sense 😅

[@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.

[@QuantumDivine]

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

[@sergioturizom]

❤❤❤❤❤

[@ValentijnVanbeem]

je voorhoofd is kaulo groot

[@Raghudesign]

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

[@seobookpro]

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

[@danielcheng769]

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