Themeizer

Плагин Themeizer — это экосистема для добавления поддержки тем в дизайн и код.

Изменение темы в Фигме

• Создайте папки с цветами для всех тем, где имя папки — это название темы
• Настроить плагин

Алгоритм

• Выбрать элемент
• Выбрать тему

Пример

1. Создайте папку с цветами актуальных тем;
2. Перейдите на вкладку настроек, выберите тему по умолчанию, светлую (в данном случае это будет «светлая») и темную (в данном случае это будет «тёмная»). Сохраните настройки;
3. Создайте простой фрейм со светлым (или темным) цветом;
4. Перейдите на вкладку темы, выберите созданный фрейм, выберите другую тему в плагине.

Изменение цветов в проекте

Подготовка

• Настройте темы, как описано выше;
• Укажите в настройках адрес к API и необходимые заголовки. Сохраните настройки;
• Добавьте и настройте необходимые пакеты в проект (подробнее);

Алгоритм

• Перейдите на вкладку публикации и опубликуйте изменения;
• Радуйтесь новым краскам на сайте;

Пример

1. Зарегистрируйтесь на jsonbin.io;
2. Создайте новую корзину с помощью макета json ({«data»: {}});
3. Откройте вкладку настроек плагина;
4. Добавьте URL-адрес корзины через «Save at» (https://api.jsonbin.io/v3/b/6g4gjd56u, где 6g4gjd56u — идентификатор ячейки);
5. Добавьте URL-адрес последней версии корзины через «Read from» (https://api.jsonbin.io/v3/b/6g4gjd56u/latest);
6. Добавьте необходимые заголовки ({«X-Master-Key»: «some-private-key», «Content-Type»: «application/json», «X-Bin-Meta»: «false»}, где X — Master-Key — это закрытый ключ [https://jsonbin.io/api-keys]);
7. Установить темайзер;
8. Настройте среду, как написано в описании пакета. URL-адрес будет как в «Save at», заголовки будут одинаковыми.