Обсуждайте изменения в макете
Редактируйте общий файл и оставляйте комментарии рядом с нужным компонентом. Так удобнее согласовать новый вариант или уточнить, когда его использовать.
Стили, компоненты и командные библиотеки
Простое управление дизайн-системой
Объедините стили, UI-компоненты и правила их использования в одной дизайн-системе. Публикуйте библиотеку в Pixso, подключайте её к рабочим файлам и поддерживайте единый вид интерфейсов.
Работайте в браузере или установите приложение.
Задайте общие стили для интерфейса
Цветовая палитра
Сохраните основные цвета, фоны и цвета состояний как стили. Применяйте их к элементам макета, чтобы не подбирать одинаковые значения заново.
Типографика
Создайте текстовые стили для заголовков, основного текста и подписей. Задайте шрифт, размер и другие параметры один раз, затем используйте стиль на разных экранах.
Понятная структура
Дайте стилям названия по их назначению и объедините связанные стили в группы. Коллегам будет проще выбрать нужный цвет или тип текста из библиотеки.
Создавайте UI-компоненты и их варианты
Компоненты вместо повторного рисования
Превратите кнопку, поле ввода или карточку в компонент. Размещайте его экземпляры в макетах, чтобы повторяющиеся элементы сохраняли связь с основным компонентом.
Варианты размеров и состояний
Объедините связанные компоненты в набор вариантов. Например, подготовьте обычную и отключённую кнопку в нескольких размерах и выбирайте нужный вариант в макете.
Auto Layout для гибких блоков
Настройте отступы, интервалы и размеры по содержимому. Компонент сможет подстраиваться под изменённый текст по заданным правилам, сохраняя нужное расположение элементов.
Управляйте командной библиотекой и обновлениями
Публикуйте общие ресурсы
Выберите компоненты и стили, которыми хотите поделиться, и опубликуйте библиотеку. Участники с нужным доступом смогут использовать эти ресурсы в своих файлах.
Подключайте библиотеку к проектам
Включите нужную библиотеку в рабочем файле и добавляйте её компоненты и стили в макеты. Команда сможет собирать разные экраны на общей основе.
Выбирайте нужные обновления
После публикации изменений в файлах, где используются компоненты или стили библиотеки, появится уведомление. Просмотрите изменения и примите отдельные обновления, примените все сразу или отложите их до подходящего момента.
Работайте над дизайн-системой вместе
Настраивайте доступ
Выберите, кто может просматривать файл, а кто — редактировать его. Предоставляйте участникам проекта доступ в соответствии с их задачами.
Передавайте детали разработчикам
Разработчики могут посмотреть размеры, отступы, свойства элементов и доступные фрагменты кода стилей. Общие компоненты помогают сопоставить макеты разных экранов.