Эффективный инструмент для визуализации компонентов фронтенда
Capsule Highlighter — это бесплатное расширение для Chrome, разработанное специально для платформы Aritzia. Оно предоставляет пользователям визуальный наложение, которое выделяет компоненты интерфейса, помогая в принятии дизайн-системы Capsule. Пользователи могут легко переключать наложение с помощью значка на панели инструментов, который обводит и помечает как компоненты Capsule, так и пользовательские/PWA компоненты, обеспечивая четкое понимание используемых элементов интерфейса.
В дополнение к выделению компонентов, Capsule Highlighter имеет меню действий, которое позволяет пользователям получить доступ к панели Coverage. Эта панель предоставляет подробную информацию, включая подсчеты по типам и соотношение принятия Capsule к пользовательским компонентам. Она также предлагает возможность экспортировать снимок JSON для аудита. Инструмент легковесный, работает полностью в браузере без сетевых вызовов, что делает его эффективным решением для команд разработки, дизайна и QA для отслеживания использования компонентов и прогресса миграции.
