Ответ
Да, регулярно работаю с макетами в Figma и Zeplin в процессе тестирования верстки (UI-тестирования).
Процесс и проверяемые аспекты:
- Pixel Perfect проверка: Сравнение реализованного интерфейса с макетом на соответствие:
- Размеры, отступы (
padding,margin), выравнивание. - Цвета (HEX/RGB), шрифты (семейство, размер, вес, межстрочный интервал).
- Состояния элементов (hover, active, disabled).
- Размеры, отступы (
- Адаптивность: Проверка корректности отображения на разрешениях, указанных в макете (десктоп, планшет, мобильный).
- Инструменты: Использую встроенные инструменты проверки в Figma/Zeplin, расширения для браузера (например, PerfectPixel), ручное измерение.
Пример описания несоответствия в баг-репорте:
- Макет (Figma): Кнопка
Submit,padding: 16px 24px, цвет фона#4CAF50. - Реализация: Кнопка
Submit,padding: 14px 20px, цвет фона#45a049. - Ожидаемый результат: Полное соответствие макету.
Также проверяю корректность экспорта ресурсов (иконок, изображений) и наличие всех необходимых экранов и состояний в макете.