Kostiantyn Kondratiuk

Прописал самой кнопке такой же градиент как и вытянул из Фигмы для hover`а только цвет поставил изначальный:

background: linear-gradient(149.51deg, #ffffff -13.36%, rgba(255, 255, 255, 0.1) 170.1%);

вместо простого: background-color: #ffffff; и перестал цвет прыгать при hover`е.
И плавность присутствует.

Итак. Потрачено несколько дней ввиду моих "зелёных" знаний JS хоть и ответ Sagrana @sagrana оказался наиболее приемлемым в моём случае. Пишу пошагово как я реализовал отработку анимации при скролле к ней.
Как подключить библиотеку lottie, прописать саму анимацию и подключить её в свой проект я взял здесь - https://www.youtube.com/watch?v=Shd_Dms3P8I&t=349s

Подключение Lottie и анимации по пунктам:
1. Идем на оф. репозиторий lottie: https://github.com/airbnb/lottie-web
2. Далее по пути: build / player и выбираем нужную версию lottie
3. Жму на нужную версию и скачиваю этот файл себе в проект нажав на кнопку "Raw".
Откроется содержание файла. Нажимаю правой кнопкой на любом месте этого файла и выбираю "Сохранить как" и сохраняю себе в проект в папку lib.
4. В html создал div с ID "lottie-test".
5. Подключаю скачанный файл lottie перед своим главным файлом js в конце body

Дополню (точнее изменю ) ответ vladverbiy : Идти надо в Preferences - Browse Packages - открывается перечень папок с установленными плагинами. Выбираем папку ColorPicker и в ней заходим в файл Default (Windows).sublime-keymap (это в моём случае т.к. у меня Windows. Там есть еще 2 файла специально для Маков и Линукс). Зайти можно через сам Саблайм. И в файле меняем сочетание клавиш по дефолту на своё. Я поставил, например, так:

[
{ "keys": ["shift+alt+c"], "command": "color_pick" }
]
П.С. Если сделать такую комбинацию:

поменял вызов picker не ctrl shift c а на ctrl shift w

то, возможно, будет наложение т.к. комбинация "ctrl+shift+w" отвечает за закрытие активного окна.

Как вариант решения - вынес ярлык Саблайма в панель Тотал Коммандера. Теперь папку проекта просто перетягиваю на ярлык и Саблайм запускается уже с записанным в него проектом .

Чуть шире распишу процесс так как сам искал решение довольно долго.
В Фотошопе открываю psd и слева в панели всех инструментов первый пункт стоит по умолчанию инструмент "Перемещение". На нем клик правой кнопкой и выбираю Инструмент "Монтажная область".
Выделяю весь макет этим выделением и в окошке плагина Zeplin, которое уже открыто должно быть (Окно / Расширения / Zeplin) появляется желтая кнопка с надписью: "Export selected artboards to Zeplin".
Жму на нее. Далее в этом окошке предлагает выбрать проект уже в самом Zeplin - т.е. если не будет создан новый пустой проект в Zeplin то импорта не будет. И жму кнопку Импорт.
При первом импорте спрашивает еще "выбрать плотность (density) проекта: 1 или 2". Объяснение по этому здесь - https://support.zeplin.io/faq/all-the-measurements...

Всё верно - чуток детальней опишу процесс).
В Фотошопе открываю psd и слева в панели всех инструментов первый пункт стоит по умолчанию инструмент "Перемещение". На нем клик правой кнопкой и выбираю Инструмент "Монтажная область".
Выделяю весь макет этим выделением и в окошке плагина Zeplin, которое уже открыто должно быть (Окно / Расширения / Zeplin) появляется желтая кнопка с надписью: "Export selected artboards to Zeplin".
Жму на нее. Далее в этом окошке предлагает выбрать проект уже в самом Zeplin - т.е. если не будет создан новый пустой проект в Zeplin то импорта не будет. И жму кнопку Импорт.
При первом импорте спрашивает еще "выбрать плотность (density) проекта: 1 или 2". Объяснение по этому здесь - https://support.zeplin.io/faq/all-the-measurements...