Публикуем дизайн-библиотеки компонентов VKUI в Figma

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

Публикуем дизайн-библиотеки компонентов VKUI в Figma
176176

Это потрясающе, идеальный атомный дизайн, да еще и с автолайотами. Интересное решение с паддингами у кнопок и ресайза строк. Возможно в фигме добавят вскоре возможность выставлять их по-отдельности для каждой стороны и необходимость костылей пропадет.

И вопрос про шрифт TT Commands, скачал несколько версий, и каждый раз, при выделении любого заголовка в макетах, шрифт внешне уменьшается на несколько пунктов. Дело в шрифте, без лицензии не обойтись?)

1
Ответить

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

У TT Commons есть обновлённая версия и да, требуется лицензия чтобы всё правильно отображалось. В группе по Figma в ВК ответили, но продублирую тут: разом пересчитать размеры выделенных текстовых слоёв поможет команда в меню Recompute Text Layout in Selection (находится только через поиск). 

В интерфейсах TT Commons мы используем только в Panel Header, но для него есть специальный заменяемый компонент Middle в конце списка с системным шрифтом, предполагается использовать его.

1
Ответить