Собрал мультибрендовую дизайн-систему аж для семи брендов

Я пришёл в компанию, где было семь брендов. С улицы и не скажешь, что под ними один шаблон — над разрозненностью поработали как следует: свои фоны, свои цвета, своя подача. Но в основе лежал один и тот же шаблон. А внутри файлов структуры не было никакой. Ни связи между брендами, ничего. Всё на группах и фреймах. Компоненты почти не использовались: под каждую новую задачу, в каждом новом файле кто-то рисовал новую кнопку — вот прямо под этот раздел. Ни о какой системности речи не шло. Ни внутри бренда, ни между брендами. Смотреть на это спокойно я не мог — и не из брезгливости. Я видел, сколько это стоит. Нарисовал флоу KYC один раз — иди рисуй его ещё семь, и каждый раз почти с нуля, потому что переиспользовать нечего. Вот где горело время. Это история о том, как я собрал из этого хаоса дизайн-систему и возглавил переход на неё: про фундамент и токены, про стену в 28 тем и про миграцию трёхсот тысяч слоёв. Начну с того, почему так продолжаться не могло.

https://habr.com/ru/articles/1044196/

#дизайнсистема #design_system #figma #Token_Studio #мультибрендовость #design_tokens #компоненты #дизайнпроцессы #figma_variables_api

Кодогенерация токенов дизайн-системы для Android по Figma API

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

https://habr.com/ru/companies/magnit/articles/803565/

#figma_api #figma_variables_api #android_development #gradleplugin #automatization #design_tokens #codegeneration #codegen #jetpack_compose #magnit_tech