Как сделать дизайн сайта в Figma (пошаговый урок)

👇 Подписывайтесь на мой Телеграм-канал. Польза для дизайнеров, закрытые материалы бесплатно:

https://t.me/+LUheO_q2fug4ZWVi
-------------------------------------

Материалы для повторения:
https://drive.google.com/drive/folders/1oy12vYh2kQOlKdd5baxifWndCsPrVb2W?usp=sharing

-------------------------------------

🔫 Заказать сайт:
https://timetofirst.ru/?utm_source=youtube

-------------------------------------

В этом видео я показываю полный процесс дизайна главного экрана сайта с нуля. Скринкаст для новичков: разберём работу в Figma шаг за шагом, объясню каждую кнопку и инструмент. Повторяйте за мной — и вы сможете прокачать навык веб-дизайна и добавить первую работу в портфолио.

-------------------------------------
Тайм-коды

0:00 — Что сделаем, где материалы, как смотреть
0:29 — Старт в Figma: фрейм, размеры, тёмный фон
1:59 — Сетка/направляющие для концепта
5:32 — Импорт ассетов (фон, лого, тексты)
7:56 — Заголовок и типографика (межстрочные/межбуквенные)
13:16 — Галактика: режим наложения Screen
15:31 — CTA-кнопка через Auto Layout
18:29 — «Стеклянные» плашки с иконками (авиа/море/авто)
22:04 — Шапка: лого, дескриптор, меню, телефон
31:40 — Фиксация элементов (Prototype → Fixed)
33:07 — Нижние буллеты + финальная полировка
38:09 — Превью макета и что класть в портфолио

Видео Как сделать дизайн сайта в Figma (пошаговый урок) канала Герман Шарнин / Веб-дизайнер