Learn how to Design a Web in Figma

[@urennaibezim8328]

Honestly this is the best tutorial I’ve ever watched. Particularly as someone who’s just trying to break into the tech space with little or no prior knowledge, I followed your guidelines step my step and I’m loving the end result.

[@oluwaseunayanyemi1574]

Very Interesting tutorial. Figma is an mazing tool

[@BuildingAmazingThings]

Glad you think so!

[@rosemaryakuma8239]

Your videos are very helpful. Watching this 2 years after and it's still valid. Thank you so much. Please make more videos

[@BuildingAmazingThings]

Thanks and sure, more videos are coming 😊

[@fola-mogajiahmad1389]

Enjoying this tutorial, FIGMA IS A GREAT TOOL.

[@BuildingAmazingThings]

Yeah 👍

[@uzuakoli]

Thank you so much for taking your time to do this video, it was so detailed and i enjoyed every bit of it. I love how my design came out

[@BuildingAmazingThings]

You're welcome Bro!

[@manuelantonio2990]

Amazing bro, this is already design no.3 that I managed to finish on figma thanks to your tutorials. Keep it up

[@BuildingAmazingThings]

I’m glad you are enjoying the channel

[@aliasgar.burhani1099]

Figma makes life easier!! and yes you explain very well brother!!

[@BuildingAmazingThings]

Thanks for stopping by.

[@stanleyojima8456]

you're honestly so good, you're like my mentor, would really like to be under you to learn better and ask for advice. really hope i'm this good one day

[@BuildingAmazingThings]

You are welcome

[@akhizaib]

yes Figma is a great tool and you are the Best TEACHER Thanks alot

[@BuildingAmazingThings]

You are welcome

[@AFcryptosphere]

Figma is a great tool I've been enjoying it ever since..

[@ayoolaidris7262]

Thanks for this, this is my third ui tutorial i am completing from your page. Thank you

[@BuildingAmazingThings]

You are welcome😊 keep watching out for more!😉

[@ayoubnaitlamine3312]

Wow I just finish my first UI design. Thank you

[@BuildingAmazingThings]

You can do it! Thanks for watching

[@whatsnewnow4469]

Your are awsome through out the session. I learn lot spacing, unique navbar, beautiful color combination. 👏👏👏👏👏

[@BuildingAmazingThings]

Glad you learnt a lot!

[@adegboyekhadijah6340]

I just finished watching this video while doing this exact same design....its completely awesome. thank you so much for the tutorial

[@BuildingAmazingThings]

You are welcome. I’m glad it is helpful to you 😊

[@seesritual8990]

Nice tutorial, easy going vibes, great to follow along. And figma is a fantastic program, very intuitive and makes it easy to implement creative ideas quickly.

[@BuildingAmazingThings]

Thanks for watching!😇

[@habibfaith.official]

Yes, Figma is a great tool, and thanks a lot for this type of helpful tutorial.

[@bilyaminuabdullahi774]

Figma is indeed a great tool. welldone for the tutorial.

[@tylerwestphal]

FIGMA IS A GREAT TOOL! thanks for uploading.

[@lavender_moon9]

Thanks for all your videos! I'm learning a lot :) I appreciate that you go step by step and explain everything clearly so we can follow you and learn as we go. I appreciate the time you put into it.

[@BuildingAmazingThings]

You're very welcome!

[@marianoalippi5226]

Your are doing a great job, Figma is a great tool, you explain well.

[@BuildingAmazingThings]

Thank you

[@kihtaws]

Figma is awesome tool and user friendly.

[@BuildingAmazingThings]

Thanks

[@udonnaokebata7195]

Thank you so much for this tutorial! You just gained a student in me. Awesome video.

[@BuildingAmazingThings]

Great to hear!

[@hightommy7961]

Great job and a great example, thank you for your work. I'm waiting for new videos, I subscribed to you.

[@BuildingAmazingThings]

Thanks Bro Sure, new videos will be rolling out soon 😊

[@iuryferreira330]

I used your design to practice html & css and it was a great experience because all the letter-spacing and image offsets, also the unusual header layout, thanks.

[@BuildingAmazingThings]

Glad to see your response. Thank you

[@elmoujahidkhadija823]

That's amazing

[@Shakeel714]

Very nice tutorial on the very basics how Figma works. Kudos!!

[@BuildingAmazingThings]

Thanks a lot!

[@gclanperkins]

Hey great i have been following and its a step by step insightful lessons, please when ae you dropping new videos?

[@BuildingAmazingThings]

Hey, I'm back to creating new videos!

[@paskaldichev8477]

Figma is really a great tool! Thanks for the video

[@BuildingAmazingThings]

You are welcome

[@nealbrooks9827]

Figma is a great tool and thanks for your video!

[@musausman795]

Yes, Figma is a great tool.

[@BuildingAmazingThings]

😊

[@mohammadnoman2000]

Dear, you have done a great job and explained the designing process on Figma in an easy and interesting way.

[@BuildingAmazingThings]

Thank you so much 🙂

[@javeriashah557]

Omg! you are amazing,the way you teach is surprising.its my first experience in figma tutorial. and i create same just because of you, i will continue and go for other tutorials insha allah ,may you live long and happy ameen💖🤲

[@BuildingAmazingThings]

Amen 🤗

[@tcp5212]

You've earned a sub, the content you upload, the quality of the designs are amazing. Thank you

[@BuildingAmazingThings]

Much appreciated!

[@nickesgimba1434]

Thank you for this video This gave me a good foundation in UI design

[@hiteshgandhi21]

Can you make a responsive web design video using auto layout and constraints and other advanced features.

[@iamthatartist247]

very simple and easy tutorial

[@BuildingAmazingThings]

😊

[@winicap08]

Figma is great but you are greater! Thanks for this tutorial!

[@BuildingAmazingThings]

Glad you think so!

[@Afsharocksss]

Oh wow .what a great video ..i learnt many things ..thank you so much sir ..i am your new subscriber..m enjoying alot...thnx again sir...😍😍😊

[@BuildingAmazingThings]

I’m glad you enjoyed it

[@KalvinNi]

how would you make the website you created in Figma responsive so I can use it on my resume for recruiter to look at. I'm currently using Webflow and the UI really sucks, hard for me to learn. I love Figma, everything is so natural and easy.

[@sunmazu3470]

You would need to do it yourself on any program you could make a website on Kevin Powell on youtube actually made a video on how to make your "design" yourself - " From design to code " any other people on the internet or yt would let you look at plugins but some of them are like you would need to pay ;_;

[@BuildingAmazingThings]

Good question. In this video I showed how to create your responsive website using Editor X. Here is the link to the video : kzbin.info/www/bejne/nKXdkpmcapyshKM Let me get your feedback after watching. Thanks. 😊

[@BuildingAmazingThings]

Thanks for the feedback

[@windytorralba9633]

Wow! So simple and understandable tutorial, it's very helpful. Thank you so much! May you make more videos like this. And yeah, Figma is great and so are you!

[@BuildingAmazingThings]

More to come! Thanks for the feedback.

[@vinayakpatagar1622]

Love you sir. For your great tutorial🥰🥰

[@BuildingAmazingThings]

Thanks Vinayak😊

[@amarachi6168]

Honestly I enjoyed every bit of it

[@annakatrina3187]

OMG! This is my first time finishing a tutorial! Had so much fun, though it was a bit tricky for me :D thank you!

[@BuildingAmazingThings]

You are welcome

[@oloyedeadeosun8467]

Nice one bro. Trying to design my business website now and I’ve learnt some tricks from ur video. Cheers.

[@BuildingAmazingThings]

Wow. That’s nice

[@ulvigulusoy3430]

Great Work man! Figma is very helpful! Thanks for the video

[@BuildingAmazingThings]

My pleasure!

[@ayanbanerjee5508]

can thank you much more, keep making more like this great tutorials bro...

[@ahmadsahal6588]

You are great, I have permission to save and permission to study

[@SuperABBEY315]

dope tutorial brother! Keep doing your thing!!!

[@BuildingAmazingThings]

Thank you

[@umehj.rindianafilms1173]

Super great tool

[@BuildingAmazingThings]

😊

[@olaidemuheeb6711]

Awesome work. Figma is indeed a great tool.

[@BuildingAmazingThings]

Yes it is. Thanks for stopping bye

[@sandraorokodo7108]

Hi, really helpful tutorial. Although, I noticed that as I increased my frame, the header icons got displaced. Is there something I'm doing wrong? What do I do to correct this?

[@adaorawunmi7721]

Same problem with me too

[@saraglez7681]

This design is very beautiful! Congratulations!

[@BuildingAmazingThings]

Thanks

[@htstur6663]

I also really like softEX, it has a very nice effect to it

[@retagif]

It would be better if tell us what key stokes or key combinations you use to align, select, move items on the screen, etc, because right now we can´t actually follow what you doing. But anyway great design

[@BuildingAmazingThings]

Ok next time

[@giandie]

Awesome tutorial!! Thank you!!

[@BuildingAmazingThings]

You're welcome!😇

[@elmoujahidkhadija823]

I really enjoyed it thank you so much

[@BuildingAmazingThings]

Glad you enjoyed it!

[@FairestsWorld]

Thank you for the lesson. How do you make the page scrollable? Being that you increased the height of the frame, do you have to resize the frame to it's original height before making it scrollabe and exporting it?

[@manishasardiwal6105]

I learnt a lot from this video thanks for making such a amazing video... Nd sir pls make a video on how we design webpage with proper measurements .. There is not a single video on you tube sir with proper measurements...

[@BuildingAmazingThings]

Ok soon

[@omageprosper9673]

very helpful video,nice one

[@BuildingAmazingThings]

Thank you

[@senacan6001]

Hi bro ! Awesome tutorial !!! I'm a graphic design student and no experience for web design. But I got an offer. I almost learned Figma. How to turn the Figma prototype into a real website ? Or how anybody can develop this Figma website design into a website ? Hope you'll answer. Thank you!!

[@BuildingAmazingThings]

Glad it was helpful! 1. To turn your Figma prototype into a real website; you have to use a website builder or code the website from scratch. Check out my channel I created a playlist where I build a website from UX to UI to Website without using code. 2. You can share your Figma design to a frontend developer to recreate the design you have on Figma.

[@phine_wears1913]

Hi, this is truly amazing. Is it okay to drop links to all this practice video so one can get to look at it closely and maybe check out properties as well. Hoping for a response thanks.

[@BuildingAmazingThings]

The Link in the description. Thanks

[@saadanimohamedamine9328]

I ike you work brother !!! thanks a lot !!

[@BuildingAmazingThings]

You're welcome!

[@sajeelahmed9395]

Big Fan Bro. God bless you

[@BuildingAmazingThings]

God bless you too. Thanks

[@kirubavathielumalai1311]

Great work 👍👍👍 Thankyou sooo much..

[@BuildingAmazingThings]

Most welcome 😊

[@abhishekyadav-jy5ub]

Awesome!! I like your turorials.

[@BuildingAmazingThings]

Thanks

[@christianniyokwizerwa]

Great tool

[@BuildingAmazingThings]

💥💥💥

[@kanyinsolaojo]

Awesome

[@audreagold]

This is an amazing tutorial!

[@BuildingAmazingThings]

Thank you!

[@anopta]

Man. That was excellent. Great contents

[@suganya9838]

amazing videos 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥 helped me a lot 🙂🙂🙂🙂🙂🙂

[@BuildingAmazingThings]

You are welcome. Check out my recent video. It’s amazing 🤩

[@chizurumibeawuchi2774]

I enjoyed the video...really learnt a lot I look forward to more tutorials...thank you

[@BuildingAmazingThings]

Happy to hear that!

[@johnkayode6129]

Good

[@BuildingAmazingThings]

Thanks!

[@astrolabe1976]

It would be nice to include something on how to do layer and text styles like they do in Sketch..a concept from print design/InDesign where you can just make one text style and use it over and over again instead of having to format a heading or a paragraph style

[@astrolabe1976]

also showing how to do a style override would be nice too

[@BuildingAmazingThings]

Thanks for the feedback

[@พุทธวจนะธรรมจากพระโอษฐ์]

thank you tNice tutorials is really helpful and an incredibly done tutorial for beginners

[@senajanta]

Just awesome , thanks a lot

[@BuildingAmazingThings]

You are welcome

[@DspycesRecords]

Figma is an a great tool👌

[@BuildingAmazingThings]

Yeah.

[@nduben5160]

nice one

[@aysunbat2751]

thank you for htis video. but I think we could use some components here:)

[@BuildingAmazingThings]

Yes that true. Thanks for you suggestions.

[@sindhuvenugopal2187]

Good One. I learnt a lot. Thank You!

[@BuildingAmazingThings]

I’m glad you learnt something

[@AkinpeluOluwabukola]

Figma is a great tool

[@BuildingAmazingThings]

Sure is!

[@mateubeltranabella3673]

Thank you for your contribution, it is a very nice web design. In the nav, where are home, about, services, contact and search. How do you put the links? Can they be put with figma or do I have to put them manually with the code with another program?

[@BuildingAmazingThings]

Check out my latest videos for prototyping. If you want to build the actual website checkout this link : kzbin.info/www/bejne/nKXdkpmcapyshKM

[@designwithgozie7615]

What a great tutorial ...

[@BuildingAmazingThings]

Glad you think so!

[@imaima2683]

great tuto. thanks bro

[@BuildingAmazingThings]

You are welcome

[@rufailateefah]

I created a web design using this tutorial, but I don't know the best way to create a mock up for it. Please, how can I do that?

[@BuildingAmazingThings]

Checkout this video : kzbin.info/www/bejne/nKXdkpmcapyshKM

[@rufailateefah]

@@BuildingAmazingThings thank you

[@panchamigr]

Could you please make a tutorial on how to design responsive website

[@BuildingAmazingThings]

Great suggestion!

[@kumarsamir1929]

thank you. so easily i learn

[@BuildingAmazingThings]

You are welcome

[@giselaarts]

Thank you , this was really helpful

[@BuildingAmazingThings]

I'm so glad!

[@ndchub]

Yes figma is a great tool

[@BuildingAmazingThings]

Yeah

[@nixonkipkorir7431]

figma is a great tool

[@BuildingAmazingThings]

Sure!

[@teminoah2960]

figma is a super great tool

[@BuildingAmazingThings]

Yeah

[@globalographerr3889]

what does bring to the front and send to back is used for ?

[@Santiago-wz9ku]

Thanks for this incredible video. +1 sub and like

[@BuildingAmazingThings]

Thank you very much

[@astrolabe1976]

I like it, very similar to Sketch

[@BuildingAmazingThings]

Thanks

[@phine_wears1913]

Is it just open page she's going to have ? When I click on the texts on the header where does it take me to?

[@kenecee]

Is there a reason why you set the width and height to 1020 and 1080 respectively?

[@AUS_life_style]

figma is great

[@BuildingAmazingThings]

Yes it’s

[@tuanphamvan655]

Can you create more mobile and tablet sections so I can cut them to html css?

[@Priscillagraphics]

yes figma is a great tool

[@andrearamirez6938]

Figma is a great tool !

[@BuildingAmazingThings]

🥰

[@khansaarshad8878]

good work :))

[@BuildingAmazingThings]

Thank you! Cheers!