🧩 В Фигме появился способ сделать компоненты гибче и не плодить сотни вариантов
Дизайн-система обычно начинает ломаться не тогда, когда она маленькая, а когда команда начинает обходить ее сама. Где-то отцепили инстанс, где-то сделали еще 12 вариантов карточки, где-то собрали отдельный модал только потому, что в базовом компоненте не хватило свободы.
В Фигме для этого запустили слоты. По сути это способ оставить структуру компонента стабильной, но менять содержимое внутри без detatch. Зои Адельман и Сара Келли показывают, что лучше всего это работает на меню, модалках, карточках, панелях и даже крупных layout-компонентах. Для дизайн-систем это меньше вариантов и поддержки, для дизайнеров больше свободы внутри системы.
Внутри:
– С каких компонентов лучше начинать внедрение слотов, чтобы эффект был заметен сразу;
– Когда слот должен быть пустым, а когда лучше сразу давать дефолтный контент;
– Как preferred instances помогают не превратить свободу в хаос;
– Почему слоты полезны не только для мелких элементов, но и для целых layout-блоков;
– Как слоты сокращают количество вариантов и уменьшают поддержку библиотеки;
– Почему связка со структурой кода делает handoff понятнее;
– Как слоты помогают не detatch-компоненты там, где раньше без этого не обходилось;
– Почему для автоматизации и AI это тоже важный шаг, потому что структура становится явной.
➡️
Читать статью
———
💻
Курс по поиску работы 😍
Про дизайн
🔥
Вакансии дизайнерам
🎨
Референсы