Атомарная матрёшка: раскладываем дизайн-систему в Figma так, чтобы она не развалилась 🪆⚡️
За годы работы в агентствах и продуктовых командах я собрал свой способ раскладывать макеты и дизайн-систему. Называю его «атомарная матрёшка».
Звучит как ещё одна методология ради методологии. Но за ней простая корысть: аккуратно разложенные макеты экономят время дизайнерам и разработчикам, режут количество ошибок, дают системе спокойно расти — и в итоге экономят деньги бизнесу.
В основе — атомарный дизайн Брэда Фроста. Я досыпал к нему практики организации файлов и библиотек и трезвый учёт того, как Figma ведёт себя под нагрузкой. Дальше по порядку: на чём всё стоит, как разложено по уровням и как не угробить файл по дороге.
Разберёмся с тем как организовать инфраструктуру вашего проекта в моей новой статье: https://vk.cc/cZlhwh
