Волшебная организация файлов в Figma
Всем салют, меня зовут Филипп Пронь, я Head of Design в Кошельке. В статье я поделюсь тем, как было реорганизовано пространство в фигме Кошелька. Это не пилюля от всех возможных проблем, но базовые принципы, которые помогут сформировать пространство и навести порядок в файлах так, как будет удобно именно вашей команде. Поехали!
Когда кошелек был отдельным от Тинькоф (или кто его там выкупил) продуктом, он назывался по назначению. Сейчас это не кошелек. Это какой то гиперфункциональный набор разных инструментов, в котором не сразу поймешь «а где кошелек то?». Спасибо хоть карты оставили на главном экране. Но чувствуется, что бизнес и это скоро убьет с такими темпами. Пол экрана уже занимают рекомендации (прикрепил фото)
По сборке.
Мне кажется, или это базовые вещи, которые необходимо делать как само собой разумеющееся? В чем ценность показывания, что вы это делаете, когда это делают большинство?
По респонсиблу - я так и не понял, куда приложение должно тянуться за экран... Но можно покажите, как вы с помощью лишь одних компонентов (существуют плагины для этого) тяните фрейм и он образует полноценные экраны 365/768/1024/1440/1920
Спасибо за мнение! Всё верно, в Кошелёк добавилось много новых возможностей и функций. Все фичи и изменения проходят по жёсткому продуктовому процессу с проверкой гипотез, валидацией внутри продуктовой гильдии и раскаткой на тестовых группах, поэтому в прод попадают только самые перспективные фичи и доработки. А рекомендации нужны именно для того, чтобы пользователи имели быстрый доступ к этим фичам :) При этом мы не утрачиваем основной сценарий — доступ к картам лояльности, которые всегда под рукой.
По сборке — да, всё так, это базовые принципы, которых желательно придерживаться при работе с макетами. Ценность материала в том, чтобы рассказать о принципах тем, кто этого ещё не делает + тем, кто уже столкнулся с рядом проблем в связи с отсутствием подобной системы.
По респонсиблу — наши компоненты собраны на автолейаутах, поэтому они все умеют тянуться в зависимости от размера экрана. Также у нас есть компоненты, которые не тянутся, а масштабируются. Мы используем такую систему, чтобы проверять как будут выглядеть экраны на разных девайсах, а также для быстрой адаптации экранов и выгрузки в стор.