Какой у вас опыт работы с дизайн-макетами (Figma, Zeplin)?

«Какой у вас опыт работы с дизайн-макетами (Figma, Zeplin)?» — вопрос из категории Тестовая документация, который задают на 10% собеседований QA Тестировщик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Да, регулярно работаю с макетами в Figma и Zeplin в процессе тестирования верстки (UI-тестирования).

Процесс и проверяемые аспекты:

  1. Pixel Perfect проверка: Сравнение реализованного интерфейса с макетом на соответствие:
    • Размеры, отступы (padding, margin), выравнивание.
    • Цвета (HEX/RGB), шрифты (семейство, размер, вес, межстрочный интервал).
    • Состояния элементов (hover, active, disabled).
  2. Адаптивность: Проверка корректности отображения на разрешениях, указанных в макете (десктоп, планшет, мобильный).
  3. Инструменты: Использую встроенные инструменты проверки в Figma/Zeplin, расширения для браузера (например, PerfectPixel), ручное измерение.

Пример описания несоответствия в баг-репорте:

  • Макет (Figma): Кнопка Submit, padding: 16px 24px, цвет фона #4CAF50.
  • Реализация: Кнопка Submit, padding: 14px 20px, цвет фона #45a049.
  • Ожидаемый результат: Полное соответствие макету.

Также проверяю корректность экспорта ресурсов (иконок, изображений) и наличие всех необходимых экранов и состояний в макете.