OxyScan

Плагин OxyScan — это мощный инструмент, позволяющий сканировать страницу Figma и получать общую оценку соответствия системе проектирования.

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

Установка

Чтобы установить плагин OxyScan, выполните следующие действия:

1. Откройте Figma
2. Перейдите в меню «Плагины».
3. Найдите OxyScan
4. Нажмите кнопку «Установить» рядом с названием плагина.

Руководство пользователя

В основе работы OxyScan лежит соглашение об именовании. Для того чтобы рассчитать оценку соответствия проектной системы, необходимо следовать этой номенклатуре и присваивать каждому компоненту префикс в соответствии с его типом.

• Компоненты проектной системы:💠
• Компоненты модулей: 🧩
• Компоненты-помощники: 🧰

Различия между компонентами DS, модулями и помощниками

• Система проектирования — это атомарная часть вашей системы проектирования;
• Модули — это более сложные организмы, включающие бизнес-логику. Они состоят из DS-компонентов, предназначенных для ускорения рабочего процесса дизайнера продукта;
• Помощники — это регулярно используемые дизайнерами компоненты, не требующие ввода в DS, например, мобильные клавиатуры ОС, курсоры мыши.

Запуск сканирования

Для выполнения анализа на странице Figma выполните следующие действия

1. На странице Figma щелкните на меню Ressources, затем Plugins;
2. Выберите плагин OxyScan;
3. Анализ будет выполнен автоматически, а результаты отобразятся сразу после его завершения.

Как рассчитывается соответствие?

Oxyscan сканирует каждый слой по очереди.

Если сканер обнаруживает:

• слой с префиксом 💠, то +1 добавляется к DS compliant;
• слой с префиксом 🧩, +1 добавляется к модулям;
• слой с 🧰 в качестве префикса, слой игнорируется;
• скрытый слой, слой игнорируется;
• видимый слой без префикса и без дочерних слоев, +1 добавляется к несовместимости;
• видимый слой без префикса иконки с дочерним слоем, слой игнорируется и сканирование идет по дочернему слою;
• шрифт с объявленным стилем и цветом шрифта (из стилей или переменных), +1 добавляется к DS-совместимому;
• шрифт с одним настроенным элементом, +1 добавляется к не DS-совместимому.

Все особенности Figma пропускаются:

• Стрелки Figjam;
• Фреймы, группы, авторазметка, разделы.

Поддержка

Если вам нужна дополнительная помощь, вы можете связаться с нами по этой почте: matthieu.vignolle@doctolib.com