Потрібен JavaScript/HTML розробник для створення Figma-плагіну

Потрібно створити єдиний плагін для перемикання кольорових тем у Figma.

Що є зараз

Стилі у бібліотеці (кольори, тіні, розмиття) згруповані відповідно до назви теми (Lightest/Group 1/Group 2/Name, Light/Group 1/Group 2/Name, Dark/Group 1/Group 2/Name, Darkest/Group 1/Group 2/Name, тощо), у компонентах також є параметр Theme з відповідними значеннями (Lightest, Light, Dark, Darkest, тощо). Зараз для перемикання теми використовуються декілька плагінів. Спочатку треба виділити фрейми, в яких треба змінити тему. Далі за допомогою Variant Switcher перемикається значення параметру Theme в компонентах. Потім використовується Material Theme Switcher або Theme Switcher щоб перемкнути кольори усіх інших елементів, які не є компонентами. Після цього дизайнер проходиться по макетах і вручну перемикає стилі, такі як тіні і розмиття.

Що потрібно

Плагін, в якому дизайнер вкаже поточну і бажану теми, після чого плагін виділить всі фрейми на сторінці, знайде компоненти, змінить в них значення параметра Theme з поточного на бажане, далі перемкне кольори всіх інших елементів і змінить стилі, такі як тіні і розмиття. Після виконання має з'явитися інформаційний тост-підтвердження. Послідовність важлива.

Також має бути можливість вказати, щоб плагін працював тільки в виділених фреймах. Цей плагін має працювати як всередині файлу, в якому знаходиться бібліотека, так і в будь-якому іншому, де бібліотека використовується.

Якщо коротко, потрібно об'єднати функціональність Variant Switcher з Material Theme Switcher і додати можливість перемикання тіней і розмиттів.

UI

Два поля для вводу назв тем зі стандартними значеннями (Поточна - Dark, Цільова - Light), можливість змінити місцями значення полів (іконка зі стрілками), вимкнений за замовчуванням чекбокс, який включає роботу тільки в виділених фреймах, а не на всій сторінці, та кнопка Switch.