THE FIRST THING Website Visitors See: Design a WEBSITE in Figma ep.02

Visit my STORE: bit.ly/mavi-de...
Explore Mavi Design COURSES : bit.ly/mavi-de...
Download FIGMA for FREE: bit.ly/get-sta...
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-p...
In this video we are going to continue designing a website in Figma. In episode 01, we have created a header navigation menu using components and instances, and in this episode we're going to design a title / header area with an image and call to action. We will be using text style tokens (H1, paragraph) and components (button), auto layout with fill container to create responsive sections.
How to design a website in figma - a step by step explanation tutorial - designing a title area with headline, description, image and call to action in Figma (Full process tutorial)
--------
© 2023 Mavi Design

[@hardichudasama2077]

It's the tutorial I need in my learning about ui designing. Because in every other tutorials there is only theory part from which no one can actually understand what is going on...
Keep doing this..

[@AbhishekGodiyal]

this is exactly how i felt , with just theory and was like wtf how to use this , this course really is a savior
am doing both side by side now

[@joseparamas9828]

This is the best tutorial I have found on CZcams. Thank you

[@AbhishekGodiyal]

Loving the content , was fed up with just the theory videos and this really helped me.

[@artistad8109]

Putting Auto layout over title section and making it fixed width to 1440px is good for aligning it with grid when expanding. BUTTT, It is not responsive when it shrinks. It stays flat. All this hard work and it doesn't change when desktop frame gets smaller. !! Why?

[@annak7905]

Really best tutorial! Thank you!

[@user-mw8iq1oc3m]

I love the way you teach with that background music , kinda feel like making some new racipe of new fresh website

[@Anas-Ben88]

Thank you, keep doing these great tutorials

[@sharikzafar3733]

Thank you for everything ❤😊 nice class

[@hoangquynh2039]

what is video how to create a responsive feature card to learning resizing in this list?

[@hongngocle93]

Thank you

[@muhammadyusufsuryakusuma8270]

thanks

[@richaposarekar6942]

I'm practicing as shown in this video. There are two problems that I'm facing. First is I can't find any option/cursor to move Title area container as shown in the video and other problem is I can't change value of Title area container manually by typing numbers. Width option looks disabled of Title area container.
How should I fix this problem?

[@webhost2600]

it is because figma is updating features over the period of time

[@lilracheloak]

hey on this part 4:15 my button keeps the same and i have to change it, idk why... someone can help me?

[@kuzi.64]

I cant hover over "learn more"

[@skyachilles7789]

Thank you for an awesome video

[@mrwaseem1276]

Thanks For that

[@neeleshjain_official]

Hello, How do u get the keys pressed text in the video. Whatever you type, gets displayed in the video bottom left corner. Is it a mac feature or figma feature.?

[@neeleshjain_official]

is it keycastr?

[@andikyudosetiawan4182]

i can't edit the width of the instance, like in 17.4 min.

[@Anas-Ben88]

why did you used 96px padding top and bottom on the section?

[@mavidesign]

Trying to use a spacing system based on 8px increments - 16, 24, 32, 64, 96

[@mysticsnippets.]

It would be very helpful for us, if you could provide us with source files as well. Loved your video tho!

[@Sabrina-uh7fr]

What is comd + opt+ b in figma?

[@mavidesign]

Detach component instance - your component instance will become a regular object that can be fully modified

[@linkonsarkar7550]

wow

[@MahyarMehmandoost]

👌🏽👌🏽👌🏽

[@bakadiedbylightning]

2:29 I cannot do that

[@comedyhub762]

try Clt + Alt + B

[@asmitapaudel5278]

right click on the menu item and click on detach option

[@vamboo8918]

thanks