Скетч-дизайнер

Как решить эти проблемы

1. Делать символы максимально обезличенными

Хорошо: поле ввода с текстом «Текст поля». Плохо, если в общий кит попало поле ввода с надписью «Пароль» и иконкой глаза. Ему место только в сценарии входа. Если символ используется во всей системе лишь один раз и тем более, содержит осмысленный конкретный контент, это тревожный признак.

2. Вынести все символы из библиотеки в файл витрины — гайд

Китом будут пользоваться только тогда, когда вся его структура прозрачна и перед глазами. Это возможно, если команда имеет понятное и удобное место, где узнавать о том, что можно использовать.

Я ввёл гайды — третий тип файлов помимо библиотек и сценариев, который решает именно эту проблему. Гайды содержат уже вставленные символы из библиотеки, которые можно копировать и вставлять. Очаровательная условная Олечка теперь тоже сможет утаскивать себе в макет символы из гайдов, не повредив своего длинного маникюра.

3. Избавиться от мусора

Специфические символы должны оставаться в файлах сценариев, а не в библиотеке. В библиотеке не должно быть вообще никакого осмысленного контента вроде информирующего текста.

Тезисы: — Чем меньше кит, тем легче в нём разобраться

— Вычистить контент из UI-кита, обезличить

— Все элементы должны быть в файле гайда, из которого их можно копировать, не зная названия

— Упростить систему названий. Отказываемся от нумерации где можно и получаем гораздо более чистое название:

02-buttons / button-big / button-big -blue -disabled

—

#для_профи #дизайн_системы