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

Подписаться 42 тыс.

Просмотров 31 тыс.

50% 1

Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Download FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
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

Хобби

Опубликовано:

22 янв 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 32

@joseparamas9828 5 месяцев назад

This is the best tutorial I have found on RU-vid. Thank you

@Anas-Ben88 Год назад

Thank you, keep doing these great tutorials

@annak7905 4 месяца назад

Really best tutorial! Thank you!

@AbhishekGodiyal 29 дней назад

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

@hardichudasama2077 3 месяца назад

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 29 дней назад

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

@user-mw8iq1oc3m 4 месяца назад

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

@sharikzafar3733 5 месяцев назад

Thank you for everything ❤😊 nice class

@hongngocle93 5 месяцев назад

Thank you

@mrwaseem1276 Год назад

Thanks For that

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

@muhammadyusufsuryakusuma8270 3 месяца назад

thanks

@hoangquynh2039 Год назад

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

@andikyudosetiawan4182 Год назад

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

@kuzi.64 5 месяцев назад

I cant hover over "learn more"

@skyachilles7789 4 месяца назад

Thank you for an awesome video

@lilracheloak 5 месяцев назад

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

@linkonsarkar7550 Год назад

wow

@richaposarekar6942 6 месяцев назад

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 6 месяцев назад

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

@neeleshjain_official 4 месяца назад

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 4 месяца назад

is it keycastr?

@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