Руководство по
плагину для Figma
Синхронизируйте дизайн-токены и градиенты напрямую в ваш макет. Установите, настройте и экспортируйте код за считанные секунды.
Как установить плагин
Интеграция занимает менее 1 минуты. Pixly работает как локальный плагин, не требуя установки дополнительного софта на компьютер.
Поиск в Community
Откройте Figma, перейдите во вкладку Community и введите "Pixly Gradients" в строку поиска. Нажмите кнопку "Open" на официальном плагине (более 10k загрузок).
Авторизация
Запустите плагин через меню Plugins > Run Pixly. Введите ваш Email и API-ключ, полученный в личном кабинете на pixly.io.
Синхронизация
Выберите вашу рабочую область (Workspace) и нажмите "Sync". Все ваши палитры и градиенты появятся в боковой панели плагина.
Интерфейс плагина
Простой и интуитивно понятный инструмент для работы с цветом
Панель библиотек
Левая часть окна отображает структуру ваших папок с палитрами. Используйте поиск для мгновенного нахождения нужного цвета по HEX или названию.
Визуальный редактор
Центральная область позволяет редактировать углы градиентов и добавляать остановки (stops) прямо внутри Figma. Изменения сохраняются в облако автоматически.
Предпросмотр
Мгновенно применяйте выбранный градиент к любому слою, фрейму или тексту. Вкладка "Preview" показывает, как цвета будут выглядеть в Dark/Light режиме.
Настройка горячих клавиш
Ускорьте рабочий процесс с помощью клавиатурных сокращений. Pixly поддерживает нативные хоткеи Figma и предлагает свои комбинации.
Открытие панели
Cmd + Shift + P
Мгновенно открывает окно плагина, где бы вы ни находились в редакторе.
Быстрое применение
Cmd + D
Применяет последний использованный градиент к выделенному объекту (дублирует функцию "Fill").
Копирование кода
Cmd + Shift + C
Копирует CSS-код текущего градиента в буфер обмена для вставки в проект.
Экспорт градиентов в компоненты
Превратите ваши цвета в автоматизированные Figma-компоненты.
Плагин позволяет генерировать "Smart Components" — авто-лейауты, которые подтягивают свойства из вашей палитры Pixly. Если вы измените цвет в облаке, все связанные компоненты в макете обновятся при следующем запуске плагина.
-
✓Поддержка Variant Sets
-
✓Экспорт в CSS Variables / Tailwind
-
✓Сохранение в Local Library
Пример кода экспорта
:root {
--pixly-primary-grad: linear-gradient(
135deg,
#FF2E93 0%,
#7000FF 100%
);
}
Сгенерировано автоматически из палитры "Cyberpunk UI"
Устранение неполадок
Решения для самых распространенных ошибок плагина
Ошибка "API Timeout"
Проверьте ваше интернет-соединение. Если проблема сохраняется, убедитесь, что ваш IP не заблокирован фаерволом компании. Попробуйте сбросить кэш плагина через Settings > Clear Cache.
Цвета не обновляются
Плагин кэширует данные для скорости. Нажмите кнопку "Hard Refresh" (иконка стрелки) в правом верхнем углу панели плагина, чтобы подтянуть свежие данные с сервера.
Градиент выглядит "зернистым"
Это ограничение рендеринга Figma для больших изображений. Уменьшите размер фрейма или используйте "Bend" эффект для сглаживания переходов цветов.
Частые вопросы
Нет, плагин Pixly работает на всех тарифах Figma (Starter, Professional и Organization). Однако некоторые функции управления правами доступны только в Organization.
Плагин работает в гибридном режиме. Вы можете просматривать ранее загруженные палитры, но для создания новых градиентов или синхронизации требуется подключение к интернету.
Мы выпускаем обновления каждую вторую среду. История изменений всегда доступна в разделе "Changelog" внутри интерфейса плагина.
Да, начиная с версии 2.1, Pixly полностью поддерживает синхронизацию цветовых токенов с новой системой Variables в Figma.
Остались вопросы?
Наша команда поддержки готова помочь вам настроить плагин под ваш рабочий процесс.