Интеграция

Плагин IconKit Pro для Figma

Прямая связь между вашим дизайном и кодом. Управляйте токенами, обновляйте компоненты и сохраняйте консистентность интерфейсов без выхода из привычного редактора.

Установить плагин Документация API

Интерфейс плагина IconKit Pro внутри Figma

Установка плагина за 3 шага

Начните работать за считанные минуты. Никаких сложных конфигураций и серверных настроек на старте.

1. Поиск в Community

Откройте меню Resources в Figma, перейдите во вкладку Plugins и введите «IconKit Pro» в строку поиска. Нажмите «Install» на официальном плагине с синей галочкой верификации.

2. Авторизация

Запустите плагин через меню Plugins → Run. Введите ваш API-ключ из личного кабинета IconKit Pro (находится в разделе Settings → Developers) для привязки аккаунта.

3. Первый импорт

Выберите проект из списка и нажмите «Pull Tokens». Плагин автоматически создаст файл стилей и локальные переменные в вашей Figma.

Библиотеки

Синхронизация с компонентами

Забудьте о ручном обновлении кнопок и инпутов. IconKit Pro использует технологию "Live Sync" для мгновенного отражения изменений в дизайн-системе внутри вашего макета.

✓

Автоматическое обновление свойств (Auto-layout, padding, radius)

✓

Управление версиями компонентов (v1.2.0 → v1.3.0)

✓

Предпросмотр изменений перед применением (Dry Run)

Визуализация панели управления компонентами

Использование стилей и переменных

Полный контроль над визуальной идентичностью через Figma Variables (Design Tokens).

Глобальные токены

Импортируйте цвета, шрифты и отступы как Local Variables. Любое изменение в IconKit Pro автоматически обновит значение токена в Figma, перекрашивая все связанные слои.

Режимы (Modes)

Поддержка светлой и темной темы из коробки. Плагин создает Mode-переключатели, позволяя дизайнерам мгновенно тестировать контрастность и доступность интерфейса.

Типографика

Привязка текстовых стилей к токенам размеров и весов шрифта. Изменение базового размера шрифта в системе пересчитает все заголовки и параграфы в макете.

Эффекты и тени

Управление тенями и размытием (blur) через токены. Создавайте сложные эффекты наложения, которые легко менять глобально в один клик.

Часто встречающиеся проблемы и решения

Плагин не видит мои обновленные компоненты в облаке.

Убедитесь, что в панели плагина активирован режим «Real-time Sync». Если проблема сохраняется, нажмите кнопку «Hard Refresh» в углу панели, чтобы очистить локальный кэш Figma.

Переменные импортируются, но не применяются к слоям.

Это часто случается, если в вашем файле уже есть локальные переменные с конфликтующими именами. Рекомендуем использовать префиксы (например, `ik-color-primary`), которые настраиваются в конфигурации плагина.

Как экспортировать изменения обратно в IconKit?

Плагин поддерживает двунаправленную синхронизацию. Выделите компонент, нажмите правой кнопкой мыши и выберите «IconKit → Push to Library». Изменения будут отправлены на ревью вашей команде.

Плагин работает медленно на больших макетах.

Для файлов более 1000 слоев мы рекомендуем отключить «Live Preview» в настройках плагина. Обновление стилей будет происходить только по команде, что снизит нагрузку на процессор.

Нужна помощь с настройкой?

Наши инженеры помогут интегрировать плагин в ваш рабочий процесс и настроить токены под ваши нужды.

Связаться с поддержкой