Экосистема HueKit

Интеграции

HueKit не просто генерирует палитры — он внедряет их в ваш рабочий процесс. От плагина в редакторе до автоматизации в CI/CD: мы покрываем весь цикл разработки.

Схема интеграции HueKit с IDE и Figma
---

Ваш редактор кода

Больше не нужно переключаться между браузером и кодом для проверки цветов. HueKit встраивается прямо в VS Code и IntelliJ IDEA.

  • Подсветка токенов

    Автоматическая подсветка синтаксиса для переменных --hue-primary.

  • Автодополнение (IntelliSense)

    Мгновенные подсказки с превью цвета при вводе CSS и SCSS переменных.

  • Контекстное меню

    Быстрый доступ к палитре проекта через правый клик.

.button {
background-color: var(--hue-primary-500);
color: #ffffff;
}
HueKit: Переменная найдена в палитре "Ocean"
---

Figma Plugin

Статус синхронизации ● Активна
Обнаружено цветов 42
Неприсвоенные 3

Бесшовная связь с Figma

Дизайнеры меняют цвет в Figma — разработчики получают обновленные переменные. Никаких скриншотов в Slack и устаревшей документации.

Плагин HueKit сканирует слои вашего макета, сопоставляет hex-коды с вашими токенами и автоматически обновляет палитру в репозитории. Если дизайнер использует "неправильный" оттенок, система сразу предложит ближайший валидный вариант из вашей дизайн-системы.

Подробнее о работе с Figma API →
---

Автоматизация и DevOps

Включите проверку цветов в ваш пайплайн сборки. Ошибки контрастности не должны попадать в продакшн.

CI

CI/CD Хуки

Интеграции для GitHub Actions, GitLab CI и Jenkins. HueKit проверяет каждый Pull Request на соответствие дизайн-системе. Если разработчик вручную прописал #000000 вместо токена, сборка будет остановлена.

Настроить GitHub Action
API

REST API Клиенты

Полный программный доступ к управлению палитрами. Создавайте темы, экспортируйте JSON/SCSS и управляйте доступом команд через наш REST API. Доступны SDK для Node.js, Python и Go.

Изучить Swagger Docs
---

Нужна кастомная интеграция?

Мы работаем с крупными энтерпрайз-командами, которым требуется глубокая интеграция HueKit во внутренние инструменты и уникальные дизайн-системы.

Наши инженеры помогут настроить вебхуки, написать кастомные парсеры стилей или интегрировать HueKit с вашим внутренним репозиторием компонентов.

POST /api/v1/themes/sync
{
  "project_id": "huekit-enterprise-01",
  "source": "custom-design-system",
  "tokens": {
    "primary": "#5C8A76",
    "secondary": "#2F354B"
  },
  "webhook_url": "https://hooks.yourcompany.com/huekit"
}