Easel UI Checker
Расширение, которое позволяет вам легко проверять соответствие дизайна ваших компонентов Figma на веб-странице.
Перечислено в категориях:
Расширения ChromeИнструменты дизайнаИнструменты разработчика
Описание
Easel UI — это расширение для Google Chrome, предназначенное для упрощения контроля качества (QA) дизайна компонентов Figma на веб-страницах. Оно позволяет пользователям накладывать прозрачное полотно на любую веб-страницу, позволяя загружать изображения и сравнивать их с живыми элементами напрямую.
Как использовать Easel UI Checker?
Чтобы использовать Easel UI, установите расширение из Chrome Web Store, откройте любую веб-страницу и активируйте расширение. Загрузите изображение вашего компонента Figma на прозрачное полотно, отрегулируйте прозрачность и перетащите изображение, чтобы сравнить его с живыми элементами на странице.
Основные функции Easel UI Checker:
1️⃣
Создание прозрачного полотна поверх любой веб-страницы
2️⃣
Загрузка и манипуляция изображениями для сравнения
3️⃣
Регулировка прозрачности полотна для просмотра подлежащих элементов
4️⃣
Перетаскивание изображений в любое место на странице
5️⃣
Сравнение живых элементов с экспортированными компонентами Figma
Почему использовать Easel UI Checker?
| # | Сценарий использования | Статус | |
|---|---|---|---|
| # 1 | Веб-разработчики могут гарантировать точность дизайна, сравнивая живые веб-элементы с дизайнами Figma. | ✅ | |
| # 2 | Дизайнеры UI/UX могут проверить, что реализованные дизайны соответствуют оригинальным спецификациям. | ✅ | |
| # 3 | Команды контроля качества могут быстро выявлять несоответствия между дизайном и реализацией. | ✅ | |
Разработано Easel UI Checker?
Easel UI разработан Titanium Clad Studios, командой, сосредоточенной на создании инструментов, которые улучшают процесс веб-разработки и дизайна.