Legacy. Загрузка дизайна на портал

Важно

Модуль «Брендирование» поддерживает две версии интерфейса Битрикс24: необновленную, под названием «Legacy» (до версии модуля intranet 25.900.0) и обновленную, под названием «Зефир» (после обновления intranet 25.900.0). Так как в обновлении «Зефир» интерфейс Битрикс24 был значительно изменен, модуль «Брендирование» в этом интерфейсе также выглядит иначе, чем в «Legacy». В связи с этим работа с Брендированием для дизайна «Зефир» и «Legacy» описана в этой инструкции в разных статьях.

В этой статье описан процесс импорта стилей из Figma для дизайна «Legacy». Аналогичная статья для дизайна «Зефир» находится здесь.

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

Шаги по установке плагина

Чтобы выгрузить стили из Figma вам понадобится скачать специальный плагин, который подготовил Улей. Шаги по установке:

  1. Перейдите по ссылке: https://disk.yandex.ru/d/961fdSlqKNS0OA

  2. Выберите папку Hive.Design - Branding 2.0.0 и скачайте ее.

  1. Откройте десктоп приложение Figma и перейдите в свой шаблон дизайна корпоративного портала.

  2. Правой кнопкой мыши кликните по рабочей области Figma и выберите Plugins > Development > Import plugin from manifest

  1. Откройте папку со скачанным плагином и выберите файл manifest.json

  1. Загрузите данный файл в Figma. После этого вы увидите, что в меню появился плагин «Hive.Design — Branding».

Выгрузка макета из Figma и загрузка на корпоративный портал

Шаги по выгрузке макета:

  1. Правой кнопкой мыши кликните по рабочей области Figma и выберите Plugins > Development > Hive.Design — Branding.

  1. В блоке «Стили» выберите макет, который нужно скачать. Затем в окне плагина нажмите «Сгенерировать».

  1. В блоке «Экспорт Bitrix» нажмите «Сконвертировать». Когда конвертация завершится, кликните на кнопку «Скачать ZIP».

  1. Перейдите на корпоративный портал и откройте модуль «Брендирование» по ссылке: адрес_портала/changeportaldefaultheme/

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

  1. В поле «Импорт настроек» загрузите ранее скачанный файл дизайна из Figma.

  2. Новый дизайн сразу же отобразится на корпоративном портале.

Предыдущая
Legacy. Макет в Figma
Следующая
Зефир. Нюансы работы с модулем