Learn how to Design a Web in Figma

Поделиться
HTML-код
  • Опубликовано: 23 дек 2024

Комментарии •

  • @oluwaseunayanyemi1574
    @oluwaseunayanyemi1574 3 года назад +1

    Very Interesting tutorial. Figma is an mazing tool

  • @urennaibezim8328
    @urennaibezim8328 3 года назад +9

    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.

  • @fola-mogajiahmad1389
    @fola-mogajiahmad1389 2 года назад +1

    Enjoying this tutorial, FIGMA IS A GREAT TOOL.

  • @uzuakoli
    @uzuakoli Год назад +1

    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

  • @rosemaryakuma8239
    @rosemaryakuma8239 2 года назад +2

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

  • @habibfaith.official
    @habibfaith.official 7 месяцев назад

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

  • @tylerwestphal
    @tylerwestphal 2 года назад

    FIGMA IS A GREAT TOOL! thanks for uploading.

  • @akhizaib
    @akhizaib 3 года назад +1

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

  • @bilyaminuabdullahi774
    @bilyaminuabdullahi774 2 года назад

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

  • @aliasgar.burhani1099
    @aliasgar.burhani1099 4 года назад +6

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

  • @marianoalippi5226
    @marianoalippi5226 3 года назад +1

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

  • @ayoolaidris7262
    @ayoolaidris7262 3 года назад +1

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

  • @AFcryptosphere
    @AFcryptosphere Год назад

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

  • @nealbrooks9827
    @nealbrooks9827 2 года назад

    Figma is a great tool and thanks for your video!

  • @ayoubnaitlamine3312
    @ayoubnaitlamine3312 3 года назад +2

    Wow I just finish my first UI design. Thank you

  • @manuelantonio2990
    @manuelantonio2990 4 года назад +3

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

  • @hightommy7961
    @hightommy7961 3 года назад +1

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

  • @paskaldichev8477
    @paskaldichev8477 3 года назад +1

    Figma is really a great tool! Thanks for the video

  • @stanleyojima8456
    @stanleyojima8456 4 года назад +3

    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

  • @whatsnewnow4469
    @whatsnewnow4469 3 года назад +1

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

  • @udonnaokebata7195
    @udonnaokebata7195 3 года назад +1

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

  • @kihtaws
    @kihtaws 3 года назад +1

    Figma is awesome tool and user friendly.

  • @adegboyekhadijah6340
    @adegboyekhadijah6340 3 года назад +1

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

  • @nickesgimba1434
    @nickesgimba1434 2 года назад

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

  • @seesritual8990
    @seesritual8990 3 года назад +3

    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.

  • @vinayakpatagar1622
    @vinayakpatagar1622 2 года назад +1

    Love you sir. For your great tutorial🥰🥰

  • @gclanperkins
    @gclanperkins Год назад +1

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

  • @Shakeel714
    @Shakeel714 3 года назад +1

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

  • @ayanbanerjee5508
    @ayanbanerjee5508 3 года назад

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

  • @winicap08
    @winicap08 4 года назад +1

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

  • @umehj.rindianafilms1173
    @umehj.rindianafilms1173 2 года назад +1

    Super great tool

  • @olaidemuheeb6711
    @olaidemuheeb6711 4 года назад +1

    Awesome work. Figma is indeed a great tool.

  • @Afsharocksss
    @Afsharocksss 4 года назад +1

    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...😍😍😊

  • @lavender_moon9
    @lavender_moon9 3 года назад +3

    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.

  • @mohammadnoman2000
    @mohammadnoman2000 3 года назад +1

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

  • @tcp5212
    @tcp5212 4 года назад +2

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

  • @iamthatartist247
    @iamthatartist247 2 года назад +1

    very simple and easy tutorial

  • @iuryferreira330
    @iuryferreira330 3 года назад +1

    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.

  • @musausman795
    @musausman795 2 года назад +1

    Yes, Figma is a great tool.

  • @ulvigulusoy3430
    @ulvigulusoy3430 3 года назад +1

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

  • @javeriashah557
    @javeriashah557 3 года назад +2

    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💖🤲

  • @omageprosper9673
    @omageprosper9673 4 года назад +1

    very helpful video,nice one

  • @SuperABBEY315
    @SuperABBEY315 3 года назад +1

    dope tutorial brother! Keep doing your thing!!!

  • @windytorralba9633
    @windytorralba9633 3 года назад +1

    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!

  • @amarachi6168
    @amarachi6168 2 года назад

    Honestly I enjoyed every bit of it

  • @sajeelahmed9395
    @sajeelahmed9395 3 года назад +1

    Big Fan Bro. God bless you

  • @ahmadsahal6588
    @ahmadsahal6588 3 года назад +1

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

  • @annakatrina3187
    @annakatrina3187 4 года назад +2

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

  • @hiteshgandhi21
    @hiteshgandhi21 3 года назад +1

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

  • @oloyedeadeosun8467
    @oloyedeadeosun8467 4 года назад +1

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

  • @kanyinsolaojo
    @kanyinsolaojo 4 месяца назад

    Awesome

  • @christianniyokwizerwa
    @christianniyokwizerwa 3 года назад +1

    Great tool

  • @saraglez7681
    @saraglez7681 4 года назад +1

    This design is very beautiful! Congratulations!

  • @nduben5160
    @nduben5160 2 года назад

    nice one

  • @saadanimohamedamine9328
    @saadanimohamedamine9328 3 года назад +1

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

  • @suganya9838
    @suganya9838 3 года назад +1

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

  • @DspycesRecords
    @DspycesRecords 4 года назад +1

    Figma is an a great tool👌

  • @anopta
    @anopta 2 года назад

    Man. That was excellent. Great contents

  • @KalvinNi
    @KalvinNi 3 года назад +5

    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
      @sunmazu3470 3 года назад +1

      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
      @BuildingAmazingThings  3 года назад +4

      Good question. In this video I showed how to create your responsive website using Editor X. Here is the link to the video : ruclips.net/video/ftzaff57yNA/видео.html
      Let me get your feedback after watching. Thanks. 😊

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 года назад

      Thanks for the feedback

  • @kirubavathielumalai1311
    @kirubavathielumalai1311 3 года назад +1

    Great work 👍👍👍 Thankyou sooo much..

  • @chizurumibeawuchi2774
    @chizurumibeawuchi2774 4 года назад +1

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

  • @elmoujahidkhadija823
    @elmoujahidkhadija823 3 года назад +1

    I really enjoyed it thank you so much

  • @designwithgozie7615
    @designwithgozie7615 4 года назад +1

    What a great tutorial ...

  • @giandie
    @giandie 3 года назад +1

    Awesome tutorial!! Thank you!!

  • @audreagold
    @audreagold 2 года назад +1

    This is an amazing tutorial!

  • @senajanta
    @senajanta 3 года назад +1

    Just awesome , thanks a lot

  • @abhishekyadav-jy5ub
    @abhishekyadav-jy5ub 4 года назад +1

    Awesome!! I like your turorials.

  • @sindhuvenugopal2187
    @sindhuvenugopal2187 4 года назад +1

    Good One. I learnt a lot. Thank You!

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

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

  • @manishasardiwal6105
    @manishasardiwal6105 4 года назад +1

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

  • @phine_wears1913
    @phine_wears1913 2 года назад

    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?

  • @johnkayode6129
    @johnkayode6129 3 года назад +1

    Good

  • @sandraorokodo7108
    @sandraorokodo7108 3 года назад +2

    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?

  • @htstur6663
    @htstur6663 2 года назад

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

  • @imaima2683
    @imaima2683 3 года назад +1

    great tuto. thanks bro

  • @globalographerr3889
    @globalographerr3889 2 года назад

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

  • @kumarsamir1929
    @kumarsamir1929 4 года назад +1

    thank you. so easily i learn

  • @FairestsWorld
    @FairestsWorld 2 года назад

    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?

  • @giselaarts
    @giselaarts 4 года назад +1

    Thank you , this was really helpful

  • @kenecee
    @kenecee 2 года назад

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

  • @AsadAli-vk6gc
    @AsadAli-vk6gc 3 года назад +1

    Figma is a great tool and I'm damn sure OLIVA is your girlfriend.
    your lecture is amazingly amazing, keep up the good work sir.

  • @andrearamirez6938
    @andrearamirez6938 4 года назад +1

    Figma is a great tool !

  • @ndchub
    @ndchub 4 года назад +1

    Yes figma is a great tool

  • @astrolabe1976
    @astrolabe1976 4 года назад +1

    I like it, very similar to Sketch

  • @Santiago-wz9ku
    @Santiago-wz9ku 4 года назад +1

    Thanks for this incredible video. +1 sub and like

  • @mojisolaotusheso8135
    @mojisolaotusheso8135 Год назад

    figma is a great tool!

  • @teminoah2960
    @teminoah2960 4 года назад +1

    figma is a super great tool

  • @tuanphamvan655
    @tuanphamvan655 3 года назад

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

  • @phine_wears1913
    @phine_wears1913 2 года назад +1

    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.

  • @prettyebiede2534
    @prettyebiede2534 2 года назад

    My unsplash stopped working. I have uninstalled and installed it, buy it is still not working. What could be the problem?

  • @senacan6001
    @senacan6001 3 года назад +1

    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
      @BuildingAmazingThings  3 года назад

      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.

  • @retagif
    @retagif 4 года назад +1

    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

  • @JackDoobz
    @JackDoobz 2 года назад

    Do you need to code if you just want to design the website?

  • @aysunbat2751
    @aysunbat2751 4 года назад +1

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

  • @khansaarshad8878
    @khansaarshad8878 3 года назад +1

    good work :))

  • @KabiraSaheed-r9n
    @KabiraSaheed-r9n Год назад

    Why is it that when I increase the frame the icons also stretch and I wonder why …someone explain pls

  • @rufailateefah
    @rufailateefah 3 года назад +1

    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
      @BuildingAmazingThings  3 года назад +1

      Checkout this video : ruclips.net/video/ftzaff57yNA/видео.html

    • @rufailateefah
      @rufailateefah 3 года назад +1

      @@BuildingAmazingThings thank you

  • @aidoosamuelkobi4165
    @aidoosamuelkobi4165 3 года назад +1

    Please can you save a workdone as an image

  • @ogechiana
    @ogechiana 3 года назад

    This is so amazing
    Thank you