Быстрый старт
в Рутифай
Настройте навигацию по вашей дизайн-системе за 15 минут. Следуйте этим трем шагам, чтобы превратить хаос в Figma в структурированную карту компонентов.
Подключение файлов Figma
Первым делом нужно дать Рутифай доступ к вашим проектам. Мы используем официальный API Figma для безопасного сканирования структуры без экспорта файлов.
1. Перейдите в раздел Настройки → Интеграции.
2. Нажмите «Connect Figma» и авторизуйтесь через OAuth.
3. Выберите рабочие пространства (Workspaces), которые нужно индексировать.
4. Дождитесь завершения анализа (обычно 2-5 минут для базовых систем).
Поддерживаются файлы в форматах FigJam и Standard Canvas.
Настройка первой библиотеки
После индексации файлов Рутифай автоматически предложит структуру библиотеки. Вы можете принять автогенерацию или настроить правила маппинга вручную.
Автоматический режим
AI анализирует ваши Auto Layout контейнеры и именованные слои. Система группирует компоненты по логическим категориям (кнопки, инпуты, карточки) и создает иерархию навигации. Идеально для систем, следующих гайдлайнам Material или Apple.
Ручная настройка
Для кастомных систем вы можете задать собственные правила: какие префиксы имен игнорировать, как группировать по версии или по типу контента. Используйте визуальный редактор правил для точной настройки маппинга.
Приглашение команды
Рутифай — это инструмент для командной работы. Пригласите коллег, чтобы они могли пользоваться навигацией, оставлять комментарии к компонентам и обновлять карту связей.
Роль «Администратор»
Полный доступ к настройкам интеграции, управление правилами маппинга и приглашение новых участников. Рекомендуется назначить 1-2 человек на команду.
Роль «Дизайнер»
Может использовать AI-поиск, просматривать карту зависимостей и создавать публичные ссылки на компоненты для разработчиков.
Роль «Гость»
Только просмотр. Идеально для стейкхолдеров или аутсорс-разработчиков, которым нужен быстрый доступ к конкретным элементам системы.
Приглашение отправляется на email. Пользователи могут войти через SSO (Google, Microsoft) или создать аккаунт в Рутифай.
Частые ошибки при старте
Избегайте этих типичных проблем, чтобы получить максимум от инструмента с первого дня.
Не очищенные слои
Если ваши файлы Figma содержат сотни скрытых слоев или «мусорные» группы, AI может запутаться. Перед индексацией выполните «Clean Up» в Figma, чтобы оставить только реальные компоненты.
Отсутствие именованных вариантов
Рутифай лучше всего работает с компонентами, имеющими понятные имена (например, «Button / Primary / Active»). Избегайте имен вроде «Rectangle 452» — система не сможет их классифицировать.
Слишком широкие права
Не добавляйте всех в проект сразу с правами администратора. Это создает риски случайного изменения структуры маппинга. Начните с малого круга тестировщиков.
Игнорирование токенов
Дизайн-токены (цвета, шрифты, отступы) — основа системы. Если вы не настроили их в Figma Variables, карта зависимостей будет неполной. Настройте токены до запуска Рутифай.
Нужна более подробная инструкция?
Изучите техническую документацию API, примеры конфигурационных файлов и подробные гайды по интеграции с Jira и Slack.