Это вторая часть второго сравнения Photoshop и Figma. На этот раз мы делаем адаптивный дизайн страницы с формами. В первой части делали в Фотошопе

Продолжаем сравнивать Photoshop и Figma. На этот раз смотрим, как сделать адаптивный дизайн интерфейсных элементов: кнопочки, инпуты, чекбоксы и т. д.

Это первая часть сравнения — показал, как я раньше делал адаптив в Фотошопе. Через пару-тройку дней привезут вторую — будем делать адаптивный дизайн в Фигме.

Показал, как в Фигме делаю реальный контент в своих макетах, чтобы дизайн выглядел реалистичнее. Другими словами, избавляемся от копипасты.

Показал, как я делаю в Фигме реальный контент, но что-то пошло не так и разговорчики вначале видео затянулись 🙂 Поэтому разбил на две части: теория / практика. Сегодня про ленивых дизайнеров, а через пару дней продолжение в Фигме. С колокольчиком — не пропустишь)

Рассказал про сетку, фигму и немного (на самом деле нет) фотошоп. А еще в описании видоса есть ссылки на удобные для адаптива сеточки в Фигме.

Видео-презентация дизайна лендинга для спорт-клуба

Видео-презентация дизайна сайта компании Estetis

Видео-презентация дизайн сайта по продаже майнеров BitMain