Волшебная организация файлов в Figma

Всем салют, меня зовут Филипп Пронь, я Head of Design в Кошельке. В статье я поделюсь тем, как было реорганизовано пространство в фигме Кошелька. Это не пилюля от всех возможных проблем, но базовые принципы, которые помогут сформировать пространство и навести порядок в файлах так, как будет удобно именно вашей команде. Поехали!

Волшебная организация файлов в Figma
6969

Когда кошелек был отдельным от Тинькоф (или кто его там выкупил) продуктом, он назывался по назначению. Сейчас это не кошелек. Это какой то гиперфункциональный набор разных инструментов, в котором не сразу поймешь «а где кошелек то?». Спасибо хоть карты оставили на главном экране. Но чувствуется, что бизнес и это скоро убьет с такими темпами. Пол экрана уже занимают рекомендации (прикрепил фото)

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

По респонсиблу - я так и не понял, куда приложение должно тянуться за экран... Но можно покажите, как вы с помощью лишь одних компонентов (существуют плагины для этого) тяните фрейм и он образует полноценные экраны 365/768/1024/1440/1920

1
Ответить

Спасибо за мнение! Всё верно, в Кошелёк добавилось много новых возможностей и функций. Все фичи и изменения проходят по жёсткому продуктовому процессу с проверкой гипотез, валидацией внутри продуктовой гильдии и раскаткой на тестовых группах, поэтому в прод попадают только самые перспективные фичи и доработки. А рекомендации нужны именно для того, чтобы пользователи имели быстрый доступ к этим фичам :) При этом мы не утрачиваем основной сценарий — доступ к картам лояльности, которые всегда под рукой.

По сборке — да, всё так, это базовые принципы, которых желательно придерживаться при работе с макетами. Ценность материала в том, чтобы рассказать о принципах тем, кто этого ещё не делает + тем, кто уже столкнулся с рядом проблем в связи с отсутствием подобной системы.

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

2
Ответить