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

Чем лучше оформлена статья, тем легче и интереснее ее читать. Сплошной текст воспринимается сложнее, и читатель быстро теряет внимание. Как и чем оформить текст статьи, чтобы растить вовлеченное время ее просмотра? Рассказывает дизайнер Дзена. У пользователей есть определенное представление о том, как выглядит качественная публикация. У нее должны быть картинки, заголовки, подзаголовки — такая верстка вызывает большее доверии аудитории, чем небрежно загруженный текст. Первое, что нужно сделать, — разбить текст на абзацы...