How to design with code instead of Figma

Retrospective
July 24, 2023
Eugene Arutyunov

Главное, что нужно понимать про дизайн кодом — это не другой инструмент дизайна. Это другой способ работы над проектом. Другое мышление. Какие-то вещи вдруг становятся очень простыми, но в целом это сложнее.

Типа а зачем

Это способ а) ближе к кассе, потому что он ауткам-ориентед; б) делает неважным то, что казалось важным, и делает заметным то, что было незаметным; в) более оунерский, предпринимательский и продуктовый (в смысле реального владения продуктом, а не абстрактного овладевания «навыками продуктового дизайнера»)

Мы будем делать лендосы, потому что это а) частотная задача, б) реально успеть за курс. Сложные интерфейсы тоже можно и нужно делать кодом, но там вам пригодится js, а тут мы всё сделаем почти без js

— дизайнишь реальный контент, а не фейковый, постоянно обновляешь

— дизайнишь состояния и анимации, не приходится передекорировать

— дизайнишь в масштабе, видишь, что как влезает

— сразу адаптивно, сразу для всех устройств и ширин и