Продолжение... Это дает: - Более быстрый воркфлоу: дизайнеры выбирают из короткого курированного набора - Лучшую консистентность: одобренные компоненты используются предсказуемо - Упрощённый хэндофф: разработчики видят знакомые компоненты на привычных местах 4. Думай шире отдельных компонентов > Если ты дублируешь лейауты ради вариантов — этому лейауту нужны слоты. Слоты работают не только для кнопок и меню. Ранние тестеры получали максимальный эффект, масштабируя слоты на крупные компоненты: секции страниц и лейаут-компоненты — хедеры, сайдбары, контентные зоны, футеры. Общая структура остаётся нетронутой, каждый регион — гибким и заменяемым. Например, hero-зона на странице продукта может содержать видео, набор статичных изображений или их комбинацию. Вместо отдельных компонентов для каждого варианта — один лейаут, а слоты управляют различиями в контенте. Результат: переиспользуемые фреймворки страниц, которые масштабируются без умножения компонентов. 5. Синхронизируй дизайн и код через слоты > Когда структура дизайна отражает структуру продакшна — хэндофф ускоряется, а неоднозначность исчезает. В коде контейнерные компоненты — диалоги, меню, карточки — созданы для приёма контента в определённых регионах. Слоты привносят этот же паттерн в дизайн, делая ясным, какой контент куда относится. Вместо имитации гибкости через варианты и детачи дизайнеры работают с компонентами так, как инженеры их реально строят. Общая структура снижает потребность в интерпретации. Инженеры видят, что предназначено для каждого региона. Разрыв между макетом и реализацией сокращается. Системы становятся проще для автоматизации и AI-агентов — потому что структура явная, а не подразумеваемая. Слоты также поддерживаются в Code Connect — беты фичи, которая делает код доступнее и понятнее для разработчиков прямо в сниппетах. Когда структура консистентна, а контент гибок, команды двигаются с меньшим трением. Слоты доступны в открытой бете для всех пользователей с full seat.