Урок по Figma 2022: создание сайта с нуля / Сетка, компоненты, Auto layout

В этом видео я создаю 💻 дизайн сайта в Figma для UX/UI-агентства с нуля. Рассказываю о модульных сетках, композиции, компонентах, Auto layout + показываю лайфхаки в Фигма (туториал).

☝️ Больше о Figma и основах веб-дизайна:    • Основы веб-дизайна с нуля. Урок #1. П...  

1️⃣ Созданный макет: https://www.figma.com/file/musVDUQsoc...
2️⃣ Мой бесплатный курс по Figma: https://bit.ly/3SSD59D
3️⃣ Мой платный курс по WEB/UX/UI-дизайну: https://bit.ly/3zYg4Ju

Тайм-коды:
00:00 Задача на сегодня
03:11 Подбор гарнитуры (шрифта)
04:06 Какой размер фрейма подобрать
05:25 Работаем с 1-ым экраном
08:15 Правила работы с логотипом
10:00 Правила управления заголовком
11:40 Как работать с сетками в Figma
13:19 Правила работы с параграфами
16:10 Работа с иконками социальных сетей
18:08 Создаем графическое разнообразие
21:09 Создаем CTA-элемент (кнопку)
24:14 Об ограничениях и сути первой секции
26:11 Работаем с Text styles
30:35 Как стать профессионалом в UX/UI
33:05 Правила работы с заголовками секций
36:08 Маленький подзаголовок для заголовка секции
37:40 Размещаем информацию о команде (Components)
46:58 ЗАПОРОЛ СЕТКУ! ИСПРАВЛЯЮ
53:42 Работаем с 3-ей секцией
56:43 Работаем с портфолио
58:24 Как правильно показывать скроллбар (горизонтальный)
1:01:35 Создаем 4-ую секцию
1:03:05 Как работать с инпутами формы
1:06:29 Работа с футером
1:09:22 Что делать с желтым кругом
1:10:30 Как сделать дизайн разнообразнее
1:12:10 Твое самостоятельное задание