Интеграции
HueKit не просто генерирует палитры — он внедряет их в ваш рабочий процесс. От плагина в редакторе до автоматизации в CI/CD: мы покрываем весь цикл разработки.
Ваш редактор кода
Больше не нужно переключаться между браузером и кодом для проверки цветов. HueKit встраивается прямо в VS Code и IntelliJ IDEA.
-
✓
Подсветка токенов
Автоматическая подсветка синтаксиса для переменных
--hue-primary. -
✓
Автодополнение (IntelliSense)
Мгновенные подсказки с превью цвета при вводе CSS и SCSS переменных.
-
✓
Контекстное меню
Быстрый доступ к палитре проекта через правый клик.
Бесшовная связь с Figma
Дизайнеры меняют цвет в Figma — разработчики получают обновленные переменные. Никаких скриншотов в Slack и устаревшей документации.
Плагин HueKit сканирует слои вашего макета, сопоставляет hex-коды с вашими токенами и автоматически обновляет палитру в репозитории. Если дизайнер использует "неправильный" оттенок, система сразу предложит ближайший валидный вариант из вашей дизайн-системы.
Подробнее о работе с Figma API →Автоматизация и DevOps
Включите проверку цветов в ваш пайплайн сборки. Ошибки контрастности не должны попадать в продакшн.
CI/CD Хуки
Интеграции для GitHub Actions, GitLab CI и Jenkins. HueKit проверяет каждый Pull Request
на соответствие дизайн-системе. Если разработчик вручную прописал #000000 вместо токена, сборка будет остановлена.
REST API Клиенты
Полный программный доступ к управлению палитрами. Создавайте темы, экспортируйте JSON/SCSS и управляйте доступом команд через наш REST API. Доступны SDK для Node.js, Python и Go.
Изучить Swagger DocsНужна кастомная интеграция?
Мы работаем с крупными энтерпрайз-командами, которым требуется глубокая интеграция HueKit во внутренние инструменты и уникальные дизайн-системы.
Наши инженеры помогут настроить вебхуки, написать кастомные парсеры стилей или интегрировать HueKit с вашим внутренним репозиторием компонентов.
{
"project_id": "huekit-enterprise-01",
"source": "custom-design-system",
"tokens": {
"primary": "#5C8A76",
"secondary": "#2F354B"
},
"webhook_url": "https://hooks.yourcompany.com/huekit"
}