Что такое Set?
Set компонентов — это способ описания различных состояний одного объекта, например, кнопки в состояниях hover, pressed, active, disable и т.д.
Зачем нужен Set?
Set позволяет переключать состояния объекта без создания отдельных компонентов, что упрощает работу с состояниями, такими как hover и pressed.
Как его использовать?
Создайте Set с компонентами, опишите все состояния, а затем используйте его дочерние компоненты. Не забудьте добавить переменные и boolean в правую панель для управления состояниями.
Как выглядит Set?
Set отображается как фиолетовый ромбик в структуре слоев и в рабочей области Figma.
Отличия Set от Component
Component описывает одно состояние объекта с возможностями активации доп. функций через boolean, или если есть встроенные компоненты со своим функционалом.
Set используется для описания всех состояний объекта и быстрого переключения между ними, на подобии когда навели или нажали и тп.
Частые ошибки при создании Set:
- Не используйте Set для переключения между разными объектами (например, карточка и таблица);
- Не помещайте все типы в один Set;
- Не создавайте Set для иконок.
Если вы не можете объяснить, зачем вам нужен set, лучше его не создавать. Если ваш ответ сводится к «Так удобнее», то стоит пересмотреть подход. Figma — это инструмент для создания продуманных и структурированных макетов, а умение грамотно проектировать — важная часть работы дизайнера.
Итог
Set позволяет описать и управлять состояниями объекта, делая процесс работы с интерфейсом более гибким и эффективным.
🚀 Подписывайтесь, чтобы узнать то, чего не знают другие! Уникальные инсайты и редкие темы для вашего роста и вдохновения! 💡