В предыдущей заметке 30 онлайн-сервисов для работы с цветом: палитры, оттенки, градиенты я собрала список разных сайтов. В отличие от них, плагин Color Compass помогает подбирать цвета для проектов, не выходя из Фигмы и производя минимальное количество действий.
Сервисы в любом случае имеют массу своих плюсов, но данный плагин хорош именно своей доступностью в процессе работы в самой Фигме, что существенно экономит время на подбор цвета для создания дизайна.
Основное о плагине
Категория: цвет, цветовые палитры.
Скачать: https://www.figma.com/community/plugin/754415266574382747
Теги плагина
У каждого плагина есть своя страница в Figma Community. И на ней для удобства поиска каждому из сотен плагинов присваиваются теги. По ним в общих чертах можно понять для чего предназначен тот или иной плагин.
Теги на английском языке и чтобы избежать ошибки в правильности перевода, я представлю их в виде таблицы, где справа будут варианты перевода на русский язык.
| На английском языке | На русском языке (перевод, синонимы) |
|---|---|
| color | цвет, оттенок |
| color theory | теория цвета |
| colour | цвет, тон, оттенок, цветовая гамма, расцветка, цветное, цветность |
| complementary | дополнительный, вспомогательный, добавочный, взаимодополняющий |
| generator | генератор, двигатель, источник, производитель |
| harmony | гармония |
| palette | палитра, цветовая палитра, цветовая гамма |
| shades | оттенки, градации, полутона |
| swatch | образец |
| themes | темы, тематика, разделы |
| tints | оттенки |
| tones | тона |
Перевод официального описания плагина
В этом разделе вы можете прочитать перевод текста со страницы скачивания, чтобы понять как работать с плагином.
Быстро ориентируйтесь в цветовом спектре с точностью, ориентированной на дизайнера.
Группы теперь поддерживаются.
Вместо того, чтобы смотреть и выбирать цвет случайным образом из всего спектра, просто введите базовый цвет в этот плагин, чтобы генерировать оттенки, градации/полутона (shades), тона и комплиментарные цвета.
Увеличьте или уменьшите значение шага, чтобы получить именно тот оттенок, который вы хотите. Экспериментируйте с различными образцами и обновляйте элементы на лету прямо из плагина.
Использовать.
Запустите плагин из Figma. Выберите элемент, содержащий заливку, фон или обводку (группы заметок не поддерживаются). Нажмите на кнопку “Обновить”, чтобы обновить базовый цвет. Нажмите на образец плагина при выборе элемента, чтобы обновить уже существующую заливку, фон или обводку.
Примечания.
Теперь вы можете ввести пользовательский шестнадцатеричный код, если в данный момент ни один элемент не выбран.
Скопируйте шестнадцатеричный код из плагина, нажав на значок буфера обмена. Вы можете продолжать нажимать на обновление, чтобы генерировать случайные цветовые палитры на основе вашего предыдущего выбора цвета.
Нажмите на кнопку "плюс" рядом с надписью палитры, чтобы добавить образцы в свой документ. Этот плагин будет работать с любым элементом, который способен отображать сплошную заливку, обводку или фон.
Практика применения плагина
Сгенерированные палитры можно добавлять в Фигму нажатием на плюсики. Мгновенно формируются палитры в виде квадратов выстроенных в горизонтальный ряд.
Основные выводы
Color Compass работает быстро, без задержек при нажатии кнопок, что, конечно, очень удобно. И в целом могу сказать, что функциональность, простота и скорость реагирования этого плагина очень радуют, с ним приятно работать.
А на этом сегодня всё. Желаю вам успехов и удачи.
Оставить комментарий