Figma — инструмент дизайнера. Браузер — инструмент пользователя. Между ними — процесс, который называется вёрстка. Разберём, как перенести то, что нарисовано в Figma, в реальный работающий сайт — без написания кода вручную. Figma показывает статичную картинку. Сайт — живой: кнопки нажимаются, формы отправляются, тексты меняются. При переносе нужно не просто «сделать похоже», а реализовать поведение каждого элемента. Плюс: адаптивность. В Figma вы рисуете для конкретных размеров. На сайте он должен работать на 375px и на 1920px одновременно...

Предисловие На днях я решил изучать web-разработку. В прошлой статье я вместе с создателем видео писал свой первый сайт. Пора переходить к практике! В интернете я нашел готовый макет сайта в формате psd и решил своими силами сверстать страницу. Перейдем к практике Я решил взять проект на похожий на макет с прошлой статьи. И я принялся за работу, за сегодняшний вечер я сверстал лишь часть странички. По началу очень долго сидел вспоминал все, чему научился на видео, после 1го блока стало уже легче...