Set компонентов — это способ описания различных состояний одного объекта, например, кнопки в состояниях hover, pressed, active, disable и т.д.

Зачем нужен Set?

Set позволяет переключать состояния объекта без создания отдельных компонентов, что упрощает работу с состояниями, такими как hover и pressed.

Как его использовать?

Создайте Set с компонентами, опишите все состояния, а затем используйте его дочерние компоненты. Не забудьте добавить переменные и boolean в правую панель для управления состояниями.

Как выглядит Set?

Отличия Set от Component

Component описывает одно состояние объекта с возможностями активации доп. функций через boolean,  или  если есть встроенные компоненты со своим функционалом.

Set используется для описания всех состояний объекта и быстрого переключения между ними, на подобии когда навели или нажали и тп.

Частые ошибки при создании Set:

• Не используйте Set для переключения между разными объектами (например, карточка и таблица).

• Не помещайте все типы в один Set.

  

• Не создавайте Set для иконок.

Если вы не можете объяснить, зачем вам нужен set, лучше его не создавать. Если ваш ответ сводится к «Так удобнее», то стоит пересмотреть подход. Figma — это инструмент для создания продуманных и структурированных макетов, а умение грамотно проектировать — важная часть работы дизайнера.

Итог

Set позволяет описать и управлять состояниями объекта, делая процесс работы с интерфейсом более гибким и эффективным.

? Подписывайтесь, чтобы узнать то, чего не знают другие! Уникальные инсайты и редкие темы для вашего роста и вдохновения! ?

Telegram канал   |   Хабр   |  vc.ru