Интеграция Figma с Битрикс24, amoCRM и Kaiten: связки под ключ
Именованная версия макета в Figma уходит клиенту на согласование из сделки, комментарии в файле становятся задачами дизайнерам, а отметка «готово к разработке» ставит задачу программисту. Студия ведёт проект в CRM и трекере, а дизайнеры не выходят из Figma.
Что связываем с Figma
Каждую связку можно взять отдельно и настроить под то, как у вас согласуются макеты.
Figma × amoCRM
Версия макета на согласование из сделки, ответ клиента закрывает этап, круги правок видны в карточке
Figma × Битрикс24
Комментарии из макетов задачами в Битрикс24, превью актуальной версии в карточке проекта
Figma × Kaiten
Каждый комментарий в файле становится карточкой, статус «Ready for dev» ставит карточку верстальщику
Figma × Яндекс Трекер
Слой готов к разработке в Dev Mode: задача в Трекере со ссылкой на слой, статус «Completed» закрывает её
Figma × WhatsApp
Ссылка и картинка версии уходят клиенту, его «согласовано» или замечания возвращаются в CRM
Figma × Telegram
Упоминание дизайнера в комментарии и публикация библиотеки приходят команде в чат
Свяжем Figma с любой другой системой
Опишите задачу — оценим за час
Что даёт связка с Figma
Версия макета клиенту на согласование
Дизайнер сохраняет именованную версию в истории файла. Ссылка на просмотр и картинка макета уходят клиенту в WhatsApp или Telegram из сделки, а сделка переходит на этап «На согласовании».
Комментарий в файле — задача дизайнеру
Каждый новый комментарий в макете превращается в карточку в Kaiten или задачу в Битрикс24 с текстом, автором и ссылкой на файл. Упомянутый в комментарии дизайнер получает уведомление в Telegram, а закрытие задачи отмечается ответом в той же ветке.
Круги правок считаются в сделке
Версии и комментарии клиента по файлу считаются в карточке сделки. Менеджер видит, когда правки вышли за договор, и выставляет счёт на дополнительный круг до того, как дизайнер его сделает.
Готово к разработке — задача программисту
Когда слой получает статус «Ready for dev» в Dev Mode, в Яндекс Трекере или Kaiten появляется задача со ссылкой на этот слой. Статус «Completed» закрывает задачу, верстальщику не нужно ждать письма от дизайнера.
Файл Figma привязан к проекту в CRM
Ключ файла хранится в сделке или проекте, поэтому все события по макету попадают в нужную карточку, даже если дизайнеров несколько. Превью последней версии обновляется в карточке само: руководитель видит состояние проекта без входа в Figma.
Figma API: коротко для разработчика
Figma предоставляет REST API по адресу api.figma.com с обменом в JSON; доступ по персональному токену пользователя или через OAuth2-приложение с набором scopes. Через API читается файл как дерево слоёв, экспортируются изображения выбранных узлов, доступны история версий, комментарии с публикацией ответов, папки и проекты команды, компоненты, стили, переменные и ресурсы Dev Mode. Вебхуки второй версии создаются только через API на уровне команды, папки или файла и присылают события: комментарий, именованная версия, публикация библиотеки, смена статуса Dev Mode, удаление файла, а также обновление файла спустя паузу в редактировании; число вебхуков на файлы зависит от тарифа команды. Методов для создания файлов и правки макетов в API нет, поэтому обмен идёт от событий в Figma к вашим системам, а обратно в Figma уходят только комментарии. Официальная документация: Figma REST API Reference.
Некогда разбираться самим? Подключим Figma к вашей CRM или трекеру под ключ: опишите, как у вас проходят согласования, и за час вернёмся со сметой.
Пять шагов до рабочего запуска
Разбираем ваш процесс
Смотрим что у вас в Figma и куда данные должны попадать. Обсуждаем что мешает сейчас.
Настраиваем связь
Подключаем Figma и вашу CRM или трекер через официальное REST API по токену и подписку на события файлов.
Согласуем, что куда попадает
Расписываем какое поле в Figma в какое попадёт. Учитываем нестандартную логику.
Тестируем на ваших данных
Прогоняем настоящие макеты и согласования. Правим до запуска.
Запускаем в работу
Запускаем и присматриваем: оповещения о сбоях. 2 недели гарантии: если что — чиним бесплатно.
Figma в платформе FlowFrame
FlowFrame — это платформа интеграций. Figma подключают к вашим системам наши инженеры под ключ, а вы получаете доступ к самой интеграции в личном кабинете app.flowframe.ru: видно, работает ли обмен, есть журнал последних событий и ошибок, оплата картой или по счёту и закрывающие документы.
Все интеграции компании собраны в одном месте. Это удобно, когда нужно комплексно автоматизировать бизнес или запустить сразу несколько решений по оптимизации: каждая следующая связка добавляется в тот же кабинет, без нового подрядчика и отдельной системы контроля.