312 читали · 4 года назад
Адаптивный дизайн в Figma
Адаптивный дизайн – это способность проекта подстраиваться под все современные цифровые устройства. При разработке макета обязательно нужно предусмотреть возможность адаптива, чтобы пользователь смог комфортно просматривать страницы через телефон или планшет. Сегодня расскажем, как сделать адаптивный дизайн в графическом редакторе Figma. В него включен ряд инструментов, способных подогнать фреймы по ширине и высоте. Этот вариант адаптива называется растягивающейся версткой, где при изменении размеров окна дочерние объекты также будут меняться, расширяясь и сжимаясь...
Как сделать адаптивную кнопку в Figma — пошагово
Хочешь, чтобы кнопка в твоём дизайне тянулась по ширине текста и не «разваливалась» при изменении размеров? Figma умеет это — и очень просто. В этой статье покажу, как сделать адаптивную кнопку, которая подстраивается под текст, остаётся аккуратной и удобной в работе. Адаптивная кнопка — это элемент, который: Такие кнопки незаменимы в UI-дизайне: при работе с компонентами, автолэйаутами и разными языками интерфейса. Теперь у тебя — уже почти адаптивная кнопка. Она будет тянуться, если изменить текст...