Как понять, что компоненты из ДС?

Обложка

Знакомо, когда новенький дизайнер или дизайнер со стажем начинает распространять старый компонент из дизайн-системы или локальной библиотеки, что приводит к вопросам со стороны разработки. Происходит это либо по незнанию, либо по невнимательности. Это порождает много проблем и вопросов как со стороны дизайнеров, так и со стороны разработки, причём…

33

Наименование свойств компонентов в Figma

Обложка

Hover или hovered? Active или select, или selected, или же focus, а может, focused? С такими проблемами, я думаю, многие сталкивались, кто хоть раз пытался сопоставить свойства Figma с разработкой. В этой статье расскажу, как мы пришли к единому неймингу свойств в компонентах.

33

Как вести нейминг компонентов в Figma

Обложка
33

Как понять, что компоненты из ДС?

Обложка

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

22

Ограничения в использовании компонентов Figma и не только

Обложка

Знакома ситуация, когда к вам приходит разработчик и говорит: «Тут дизайнер наделал что-то непонятное, иди скажи ему что-нибудь или внесите компонент в ДС». Или такая: «Я не понимаю, как мне сделать из alert’а какой-нибудь List, как сделал дизайнер». Последние — это вообще отдельная каста дизайнеров.

22

Ограничения в использовании иконок в Figma

Обложка

Знаком ли вам случай, когда дизайнеры используют не совсем те иконки, которые вам хотелось бы? В одной части интерфейса, к примеру, могут использоваться только иконки типа stroke, в другой части — типа fill. В компоненте chip могут использоваться иконки размером 16px, а в кнопках — 24px и т. п. Но написать в мануале об этом будет недостаточно: кто-…

22

Design System: Explained, Explored, and Evaluated

Design System: Explained, Explored, and Evaluated