Знакомо, когда новенький дизайнер или дизайнер со стажем начинает распространять старый компонент из дизайн-системы или локальной библиотеки, что приводит к вопросам со стороны разработки. Происходит это либо по незнанию, либо по невнимательности. Это порождает много проблем и вопросов как со стороны дизайнеров, так и со стороны разработки,…
Наименование свойств компонентов в Figma
Hover или hovered? Active или select, или selected, или же focus, а может, focused? С такими проблемами, я думаю, многие сталкивались, кто хоть раз пытался сопоставить свойства Figma с разработкой. В этой статье расскажу, как мы пришли к единому неймингу свойств в компонентах.
Как вести нейминг компонентов в Figma
Очень часто заходишь в проект к дизайнеру и видишь просто фантастические имена объектов, а иногда даже просто Frame123. Видимо, дизайнеру так удобно, и у него очень хорошая память на фреймы, но я бы не хотел работать с такими макетами. Узнали ситуацию? Давайте по порядку.
Ограничения в использовании иконок в Figma
Знаком ли вам случай, когда дизайнеры используют не совсем те иконки, которые вам хотелось бы? В одной части интерфейса, к примеру, могут использоваться только иконки типа stroke, в другой части — типа fill. В компоненте chip могут использоваться иконки размером 16px, а в кнопках — 24px и т. п. Но написать в мануале об этом будет недостаточн…
Как понять, что компоненты из ДС?
Бывают случаи, когда новенький дизайнер или дизайнер со стажем начинает распространять старый компонент из дизайн-системы или локальной библиотеки, что приводит к вопросам со стороны разработки. Происходит это либо по незнанию, либо по невнимательности. Это порождает много проблем и вопросов как со стороны дизайнеров, так и со стороны разраб…