Я всегда говорил о важности пет-проектов.
Недавно закончил и сам делать такой.

В этом проекте я решил посмотреть на доставку посылок как на мини-путешествие для этих посылок.

Здесь есть и поиск по направлениям, возможность выбрать дату отправки и рассчитать максимальный вес посылки.

Как в привычных нам путешествиях важно знать, на каком самолете ты мы летим, так и тут есть возможность ознакомиться с парком дронов, посмотреть характеристики дальности их полета и максимальный вес, который можно отправить с их помощью.

Немаловажным будет и статистика доставок, потому что для многих пользователей пунктуальность может являться принципиальным поинтом при выборе компании-доставщика.

Важно было не потерять дух стартапа, поэтому в основу лег модный оттенок бирюзового цвета, он задает сайту легкое бунтарское настроение и в то же время спокойствие и уверенность, потому что является оттенком синего цвета.

Как вам такая дизайн-метафора?

Вы знаете, что делать 🔥

«Перестаньте делать кнопки с помощью сгруппированных текста и прямоугольника, просто используйте auto layout» — примерно так хочется начать повествование про фичу, которая упростит вам создание дизайн-макета.

Инструмент Auto Layout в Figma позволяет указывать отступы и выравнивать соседние модули автоматически.

В отличие от обычного фрейма, кнопка, созданная с помощью Auto Layout, будет сама адаптироваться под длину вводимого текста, и вам не придётся её каждый раз переделывать 😎

Параметры Auto Layout в панели настроек:

Стрелки указывают, как будут выстраиваться элементы внутри фрейма с Auto Layout.
Стрелка ↓ означает вертикальное выравнивание, а → — горизонтальное (как показано на видео)

Также можно задать отступы между элементами и внешние поля одинаковые или разные со всех сторон.

____

Использование Auto Layout сократит время на создание элементов и автоматизирует работу с отступами между ними!

Забирайте в работу!🔥