Roller · Design Linter · Toybox

Плагин Roller · Design Linter · Toybox дает возможность автоматически находить и исправлять несоответствия стилей в файлах. Будьте уверены, что каждый дизайн, который передаете, на 100% соответствует вашему Стайл-гайду или Дизайн-системе.

Как пользоваться

1. Импортируйте или добавьте свои стили в библиотеку плагина.
2. Roller автоматически находит любые несоответствия (ошибки) на странице, которые не соответствуют тому, что находится в вашей библиотеке.
3. Замените ошибку одним из стилей вашей библиотеки.
4. Повторите для достижения 100% соответствия.

Категории

• Цвета — быстро исправьте 50 (или 5000) оттенков серого, которые скрываются в дизайнах.
• Текст — если нужная высота строки или межбуквенный интервал отключены, плагин подберет их.
• Контуры — позволяет добавлять ширину и цвет границ, облегчая поиск любого скрытого поля ввода или карточки.
• Тени — дает сверхчеловеческие глаза, позволяя обнаруживать тонкие различия в тенях или смещениях x, y.
• Радиусы — убедитесь, что к любой кнопке, карточки, инпуту и т.д. применены правильные скругления углов.

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