Daily UI Design Challenge | Day - 01 | Sign Up Page

[@2968358]

Can't believe I watch this while working. listen to the music and the real-time action feels good!

[@DesignSense]

We're glad you liked it.

[@thiriphyonaing]

I started practice design from this challenge from now. Thanks pretty much for your effort and videos. It's so helpful for my UX/UI designer journey. I'm lucky for got this video.

[@DesignSense]

Glad to hear that! Keep it up :)

[@SingerSGK]

Started my design learning from this video, thanks so much and I will try to do these like an assignments 😊 it's very helpful and beginners friendly.. 👍🏻

[@DesignSense]

Glad to hear that, please share your practice work on our Facebook group. And get some feedbacks from our group members. 👍

[@ultranature260]

@@DesignSense kindly share Facebook page link over here to show you practice work?

[@DesignSense]

@@ultranature260 facebook.com/DesignSense2070?mibextid=ZbWKwL

[@glodelmosatu9001]

thank you soooo much. You helped me alot with figma and today i'm no longer a beginer ! great work!

[@DesignSense]

Most welcome. Glad to hear that. Stay tuned

[@jesussevilla5151]

Dude thank you! Really gives me a good direction to start thinking about design.

[@DesignSense]

That's great!

[@ranakh9299]

Yeah right , specially that there's a demand for it in the market place . But u gotta be uniqe

[@riyabhatia5114]

@@DesignSense ye website work kese kregi? Without coding

[@thuylinho9603]

I had to subscribe after 30 seconds, amazing content! This helps a lot when I'm stuck with creative thinking. Thank you!

[@DesignSense]

Glad to know that!

[@AnjaliKumari-rb6qb]

Hey how can I get this white page and then he is doing editing how can I do this this software is paid I think please tell me

[@sivanya09]

@@AnjaliKumari-rb6qb hi this tool name is figma u don't need to pay but few steps need to know 1st time u use this tool,so go and watch Figma tutorial.

[@harisha21]

Such a professional work. It give a motivation to work on projects. Thank you..! keep doing 😍

[@DesignSense]

Thank you stay tuned for more coming videos. 😊

[@Nomademy]

Totally agree, makes me want to start UI design challenges of my own!🤩

[@DesignSense]

Hi everyone!

[@RidzCreations]

👌💕

[@priyeshtiwari2324]

I want to know software name, U doing great man..

[@DesignSense]

@@priyeshtiwari2324 figma

[@priyeshtiwari2324]

@@DesignSense thank u

[@dr.ahmedhassan5966]

App name tell me

[@sivaramakrishnagorla8117]

Woww...Amazing start, can't wait for the next one...!!

[@DesignSense]

Stay tuned 😊

[@RahulMishraD]

thanks for sharing man. This is my second screen that I practice to learn figma and UI Design

[@DesignSense]

Glad it was helpful, keep following and practice with our Daily UI Design Challenge.

[@Oreofejesu-tx]

I love this!! I'm going to share on your facebook group.

[@DesignSense]

Awesome! Thank you!

[@happinessalexia136]

Great design. Love the background music

[@DesignSense]

Thank you 😊

[@SnirSigawi]

Great one! I'd only suggest you changing "Sign up with--" to "Continue with--"

[@DesignSense]

Thank you for the suggestions 😊

[@DoomedVortex]

Started from this now earning in 7 digits. Thanks😍

[@DesignSense]

Keep it up

[@abhilashdarshan7396]

i am starting from today ,if i able to earn then i will come here again .

[@DoomedVortex]

@@abhilashdarshan7396 You will be earning as long as you're open to the idea that there's always more to learn and you're not omniscient.

[@allnoppin2505]

Thank you , This video is peaceful of my learning thank you for sharing. This is the start will I become UI.

[@DesignSense]

Best of luck!😊😊😊😊

[@nishajaffer3614]

completed day 1 challenge. keep up the good work. Thank You

[@DesignSense]

Great!! Please share your work on our Facebook group too.

[@ranausmanjoyiaa4387]

Amazing first of all I attracted of your color. outstanding 🥰🥰🥰🥰🥰🥰

[@DesignSense]

Thank you 😊

[@iuashrafi]

WOW !!! looks so cool !! nice color and those 3D icons .. waiting !!

[@codingspaceweb]

It looks amazing! Wow!

[@alanpolanco984]

This is so satisfying and motivating. Thank you!

[@DesignSense]

Glad to know that 👍

[@naveedahmad7393]

Great start wow😍

[@DesignSense]

Thank you 😊

[@YKshkoolForGame]

nice.. watched the whole video. keep up the good work.

[@DesignSense]

Thank you 😊 ❤️

[@nanlunglongtau2076]

I am learning Frontend and know I need to know some aspect of UI design. I am downloading this for next month after I have completed my Figma course. Thanks for great content

[@DesignSense]

That's great, Thank you 😊.

[@thecodetex]

Cool 👍👍

[@Lijaakter123]

Wow! amazing tutorial.

[@lantranthanh245]

Just amazing. Really really want this image to practice along.

[@DesignSense]

The link is given in the description

[@lantranthanh245]

@@DesignSense It is a website. Not a specific link to the image. Hard to find.

[@DesignSense]

@@lantranthanh245 just follow these steps that i have shown in the video. You will easily find these 3d things.

[@worldofsports7921]

You've earned a new subscriber! Thank you so much for this tutorial!

[@DesignSense]

Thank you ❤️

[@akshayshinde2403]

50 days ui challenge 👍👍👍👍. Day 1 completed. Can't wait for next video. ❤️❤️❤️❤️

[@DesignSense]

Uploaded please wait, 😊

[@andra-ioanaritivoi4293]

Hi! From where did u donwloaded the images?

[@imanjallali1701]

Desperately waiting for the moment I see the same design being implemented by HTML CSS JS. Waiting :-)

[@kazimuru]

I can make this in less then 1h lol

[@iamhebanarmeen]

gonna follow up this challenge inshaallah, thanks 🙏🏼

[@DesignSense]

Thats great!. Also share your progress with us on our Facebook page. We will give you feedback on that.

[@muhammadsajit5710]

Nice Video for learning Ui😊

[@TheRiddleDungeon]

Challenge accepted! And Thank you a lot for such practical videos :)

[@DesignSense]

Most welcome, Good luck ☺️. If you face any deficulty then let us know.

[@DubiousCharm411]

Love this channel

[@DesignSense]

Thank you 😊

[@keithb0000]

Thanks for this! Learning now - Icon/Logo was missing in the files folder.

[@abdelrhmanalaa9456]

did he provide the source ?

[@spellofstyle]

@@abdelrhmanalaa9456 Yeah, look at the links in the description, there are source files for icons and stuff

[@rajasekar.m7423]

I expect all Daily UI like this from you😍

[@DesignSense]

Stay tuned 😊

[@rajasekar.m7423]

@@DesignSense Ok Dued 👍🤗

[@Taskade]

This is absolutely stunning

[@DesignSense]

Thank you 😊

[@Anghor]

Nice design however it would be nice to see what your take on mobile version of it :) This way we can learn more about design process :)

[@DesignSense]

Thanks for the suggestion.

[@eganabung8721]

Really beautiful work. Love it.

[@DesignSense]

Thanks 😊

[@btssugahit4663]

This is what i needed

[@AhmedTony88]

AWEASOME

[@ShailEditing]

Amazing work I'm also a KZbinr..... I like your work ❤❤❤❤❤❤

[@DesignSense]

THANKS ❤️

[@pauljohn3898]

The desin and colors are Just amazing

[@DesignSense]

Thank you 😊

[@zapeeosheikh]

Awesome please Make a Video with their Pressed buttons or Shortcut

[@DesignSense]

Ok

[@xHaydock93]

Nice clean design! I think you should pull the pink colour from the 3D image and try it as your button colour

[@DesignSense]

Thank you for the suggestions😊.

[@edaoruc3106]

Can you also show how to add links to the boxes and buttons we added? thanks

[@DesignSense]

This is only the design.

[@nientranai1669]

thank you so much. it helps me alot when i practice using figma to make project as a beginner

[@DesignSense]

Glad to know 😊

[@MostakAhammedOfficial]

Need All challenges resources for practice brother. btw, great work, i just love it

[@junrio4792]

It would be more convenient if you added the styles instead of eyedropping every color.

[@RohanChaudhary-kx2ym]

You design it out and I will code it everyday❤❤❤❤❤❤

[@DesignSense]

❤️❤️😉

[@katelibra]

Waiting..

[@ghulambahucontractor9189]

So beautiful lovely design.

[@DesignSense]

Thanks 😊

[@4988raja]

nice work. "allready" constitute only a single "l"

[@nanthini25]

How do you make the vector logo it's in the place of find the 3d statement above

[@DesignSense]

It's a dummy logo

[@lipiatskyi]

Great work. Talanted vision

[@DesignSense]

Thank you!

[@awesamllabres6632]

Thank you so much for sharing this! I hope that you will create video tutorials for all the beginners out there, on how to use Adobe XD step by step.

[@DesignSense]

Sure, stay tuned for more videos.

[@deelinspiring9796]

Omg I like the colour 💙💙

[@DesignSense]

Thanks 😊

[@pranavbakare8922]

This is amazing contribution keep sharing and growing 🔥🔥🔥🔥🔥

[@DesignSense]

Thank you 😊

[@monikasoush]

what is the shortcut at 1:12 to delete the background?

[@DesignSense]

Just press the delete button

[@YOGESHGARGOfficial]

Great one! really helpful I have subscribed to their site to receive daily UI Challenges. Can you also tell me where I can share my designs to recieve feedback

[@DesignSense]

You can post your designs in our Facebook community or can post on insta and tag us. Thanks keep it up☺️

[@NavesNiche]

I can't believe you made that in 10 minutes..

[@DesignSense]

😉

[@ahmedsifodil6879]

Please can you upload Icon/Logo was missing in the files folder , thanks.

[@DesignSense]

I will recheck.

[@ahmedsifodil6879]

@@DesignSense Thank you for your reply.

[@maormemolis872]

@@DesignSense Can you, please?

[@ChimaUserAndI]

Super coooool

[@Funandfacts......100]

Good ❤

[@sam-uw3gf]

How did u remove the pic background..?

[@shahnusratalam6156]

Nice design, need more tutorial bro

[@DesignSense]

Thanks, stay tuned

[@junayeedsiddiki1637]

nice and well this work

[@muhammadfahmiardi8551]

nice! simple design 👍

[@user-jg9cx4lu6w]

Wow greatfull vedio

[@DesignSense]

Thanks

[@PhanNguyenoan]

Sir how can i download this logo, cannot find in bzzzt folder from ls graphic

[@XAheli]

Such clean canvas! Great work

[@DesignSense]

Thanks 😊

[@XAheli]

@@DesignSense 😁✨

[@ohsehun3251]

Hello, where i can find that blue picture?

[@kingmega8730]

Good work sir

[@songramkhan]

Bro, you do great work. But without voice instruction it totally useless. Because beginner doesn't which tools are you using. And what are you trying to create? Kindly add voice to make it easy for everyone. Kind regards

[@alokmichellesudhakar4104]

Thanks for the video. When you dowloaded the design image, what file did you copy into figma? As JPGs do not have the option to ungroup and figma does not support svgs Thanks for your feedback

[@DesignSense]

I used SVG formate and Figma does.

[@amaankhan333]

1:13 shortcut for removing background???

[@DesignSense]

This is in SVG format not an image....

[@amaankhan333]

@@DesignSense what did you clicked when background became transparent. It was almost instantly

[@DesignSense]

@@amaankhan333 do you know about SVG... In SVG format everything is in vector form.. You can edit... I just deleted the background by pressing delete button.

[@amaankhan333]

@@DesignSense yes i know about SVGs. I was just asking about how you removed background instantly, i thought there might be a shortcut. Anyways, great design 👍⭐

[@amulop]

What are the prerequisite of this ? Means where to start these setup and all things

[@DesignSense]

I will make a video on this topic.

[@amulop]

@@DesignSense yes please roadmap its very nice you are doing i also want to learn these things ❤️

[@BiAnhNguyễn-u6v]

Hello DesignSense, the videos you make are really detailed and helpful for beginners like me, but I have a question: why can't I find the sources of the images or logos you use in the videos? I clicked on the links in the description, but I couldn’t find anything.

[@DesignSense]

Hey, the source file is working please try again. Note: I didn’t include most of the source files in this series for two main reasons. First, some elements are paid, and I can't share them directly. However, you can find free alternatives on several websites. Second, I’ve shown in each video how to download those specific items, as I want to encourage you to practice finding them yourself.

[@danasapysheva6840]

Nice work! However I'd work on accessibility more, for instance the contrast of text to background in the Logo subtitle, Language selector and Log In link at the bottom are very low contrast and would be difficult to read to someone with sight impairment. Also I don't think it's accessible to put explanatory text like Full Name, emial and password inside the text boxes, as once the user clicks there, the text hints are gone. This is considering people with cognitive impairment, who need the hints even while typing inside the text field. Hope these comments are useful. Keep up.thr good work👍

[@DesignSense]

Thanks for the suggestions. 😊

[@Theleeleesim]

This is awesome! Thank you so much!

[@DesignSense]

Thank you 😊

[@Пинни-л6й]

Очень круто! И профессионально!

[@androidworld5134]

Bro tell me just one thing which software should i learn First Adobe xd or figma?? 🙏🙏🙏🙏

[@frujunior67]

Both software s are great and would do the job perfectly. But Figma is free so you might want to try that out first.

[@DesignSense]

Both software are best and almost the same, adobe xd and figma both are free. You can learn any of it.

[@androidworld5134]

@@DesignSense thanks man ❤❤

[@androidworld5134]

@@frujunior67 thanks man ❤❤❤

[@professionalspeaker7651]

You can also run Figma in browser. You don't need to install anything

[@aneeshmalapaka8363]

I always had this doubt, now we have recreated it but how can we implement it? like have to code using it as reference? or like how to bring it to life in a website?

[@DesignSense]

This is high fidelity wireframe. For real responsive design you need to code for it.

[@innovationscode9909]

Super Designs

[@DesignSense]

Thanks ❤️

[@A_09918]

This what is the platform to design UI? There are I need it to start the design as like (pay plan. and etc)? Thanks.

[@DesignSense]

Figma is free or you can use other tools like pixso etc.

[@lionight.custom5693]

o my god this is what i looking for

[@maormemolis872]

What should I do if the icon file in the folder files download is not supported by Chrome?

[@DesignSense]

Download in png or svg format

[@maormemolis872]

@@DesignSense I did but then it's not shown in Figma..

[@klaus_ui]

i can't find the link for the first image you downloaded

[@mahfuzulislamnabil5252]

Nice one...Oh, one more thing, Which one uses your intro Background Music?

[@ekaterina8683]

please tell me why the picture from freepik is downloaded in zip format?

[@deeyamaharjan9634]

We should recreate this as it is as a challenge ??

[@DesignSense]

Yes, but if you have your own idea, you can go with it. Then Share it in the DesignSense Facebook group or insta.

[@AfricanHorrorFolktale]

Challenge accepted 🎉

[@DesignSense]

Welcome to the daily UI Challenge Series.

[@devishiaggarwal5668]

in my laptop, ungroup option is not available. Shortcut key is also not working

[@DesignSense]

What you want to ingroup?

[@none3242]

I am building a desktop software [ By Python ] how can I implement the design that I made in figma ??

[@javedahkter2182]

very very nice😍😍😍😍😍🥰🥰🥰🥰😘😘😘😘🤩🤩🤩🤩

[@DesignSense]

Thank you so much 😀

[@lee-xw8tc]

What's the name of graphic? the picture you used? It's so beautiful

[@DesignSense]

The link is given in the description.

[@ahmedbenkaddour9527]

Thank you soo much 🥰

[@DesignSense]

Welcome 🤗

[@kratibakshi4674]

Great Work and effort towards the beginners in UI with FIGMA. I'm requesting PL improve the text quality(text are blur) and zoon in-out effects. Thanks .

[@DesignSense]

It happens.

[@DesignSense]

Thanks for appreciation

[@czarscrib3680]

Why don't you include these icons and logo in a link?

[@DesignSense]

The source links is given in the description

[@ne-bz4nv]

I have a qustion, how did you make the ruler next to you?

[@bonifacemarwa1975]

Ctr+R

[@ranakh9299]

Nice , i like it . It seems so easy tho but i know its not and its creative

[@DesignSense]

Thanks ♥️