Интеграции

Figma (Strings)

Контент автоматически переведен с английского языка с помощью Phrase Language AI.

Доступно для

  • всех платных планов

Доступно для

  • планов Advanced и Enterprise (устаревшая версия)

Свяжитесь с отделом продаж по вопросам лицензирования.

Рекомендации

Для получения информации о интеграции Figma в Phrase TMS обратитесь к Figma (TMS).

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

  • Ветвление поддерживается.

  • Требуется доступ к как минимум одному проекту и одному языку с правами пользователя переводчика. Доступ может быть предоставлен при наличии приглашения, отправленного администратором или менеджером проекта.

  • Плагин будет отправлять скриншоты авторазметки, которые не являются дочерними элементами.

  • По умолчанию скрытые текстовые слои не включаются в интеграцию. Это можно изменить в настройках Setup_gear.png, выбрав Включить скрытые слои или рамки в выбор.

  • По умолчанию выбранные теги в плагине очищаются после процесса отправки. Это можно изменить в настройках Setup_gear.png, отключив опцию Очистить теги после отправки.

  • Любые изменения, внесенные в настройки по умолчанию Setup_gear.png плагина, будут сохранены и останутся постоянными.

Установите и подключите плагин Figma

Чтобы запустить плагин, выберите его в браузере плагинов Figma или в Сообществе Figma и нажмите Попробовать. Плагин станет доступен в меню Figma Плагины.

Соединение от Figma к Phrase может быть выполнено либо с предоставлением учетных данных Phrase, либо с помощью токена доступа.

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

Вкладка Подключить ключи позволит подключить слои Figma к ключам, которые уже существуют в проекте Strings проект. Если конвенция именования одинакова для слоев и ключей, они могут быть автоматически сопоставлены.

Плагин доступен через специальные кнопки в боковой панели Figma:

  • Phrase Strings

    Нажмите, чтобы открыть плагин.

  • Просмотреть текст в Strings

    Отображается в файлах Figma, подключенных к проекту Strings. Нажмите, чтобы открыть соответствующий проект в редакторе переводов.

Отправить контент

Вкладка Отправить контент в Phrase позволяет отправлять фреймы или текстовые слои из Figma в Phrase Strings для локализации. Невозможно отправить контент в защищенную основную ветвь.

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

Пустые или дублированные имена ключей отмечаются красным счетчиком в колонке Контент. Чтобы управлять длинными списками имен ключей, используйте выпадающее меню Сортировать по Sort Filter, чтобы отобразить Сначала неполные имена ключей или Сначала дублированные имена ключей.

Примечание

Выбранный вариант сортировки будет запомнен для будущих сессий.

Кнопка Push to Phrase отключена, если поля ввода имен ключей пустые, содержат недопустимые символы или не уникальны, если выбрана защищенная основная ветвь.

Выберите настройку Work with key names, чтобы редактировать поля ввода имен ключей и разрешить любые конфликты имен. При необходимости выберите нужные ключи и нажмите Exclude layers в верхней части таблицы, чтобы удалить эти слои из плагина.

Если есть отключенные слои с конфликтующими именами ключей, выберите один из доступных вариантов разрешения, чтобы продолжить:

  • Create key copies in Phrase Strings

    Создает новые ключи с суффиксом -copy.

  • Connect with existing keys

    Связывает слои с существующими ключами Phrase.

  • Don't push conflicting keys

    Отправляет только несоответствующие слои.

Когда опция Upload Figma preview включена, пользователи могут по желанию выбрать, какие целевые языки включить в предварительный просмотр Figma. Если языки не выбраны, по умолчанию включаются все языки.

Если слои успешно отправлены в Strings, отображается окно Push completed с резюме и следующими опциями:

  • Create job

    Нажмите, чтобы открыть страницу Create a job с предварительно выбранными отправленными ключами.

    Важно

    Если опция Upload Figma preview включена, в Strings автоматически создается задание. После включения это нельзя отключить.

  • Open in Strings

    Нажмите, чтобы просмотреть отправленные ключи в редакторе Strings.

Желтая иконка предупреждения Warning появляется рядом с ключами, имена которых были изменены в Strings после загрузки контента. Чтобы обновить имена ключей в плагине Figma, выберите Синхронизировать имя ключа из меню многоточия More Menu рядом с несоответствующим именем ключа.

Параметры и действия для загрузки

Нажмите на меню Просмотреть параметры More Menu, чтобы включить или отключить следующие параметры загрузки по мере необходимости:

  • Загрузить скриншоты включено по умолчанию. Это позволяет прикрепить скриншот выбранных слоев в рамках:

    • Если параметр Включить скрытые слои или рамки в выбор включен, скрытые текстовые слои, импортированные с помощью плагина Figma, будут иметь маркер в верхнем левом углу скриншота.

    • Когда параметр Исключить секции из скриншотов включен, скриншоты секций Figma не будут создаваться.

      Рекомендуется оставить эту опцию включенной в случае проблем с производительностью плагина при работе внутри секций.

  • Обновить контент в Phrase Strings включено по умолчанию.

  • Обновить имена ключей в Phrase Strings включено по умолчанию, если только параметр Работать с именами ключей в Figma не отключен.

    Отключение этой опции сбрасывает все вводы имен ключей.

  • Включите Загрузить предварительный просмотр Figma, чтобы экспортировать HTML-пакет из выбранных ключей.

    Эта опция необходима для генерации предварительного просмотра в контексте в TMS CAT редакторе при работе с заданиями, синхронизированными из Strings.

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

    Если предварительный просмотр успешно сгенерирован, задание автоматически создается в Strings. Любая активная автоматизация заданий в проекте Strings будет пропущена, чтобы избежать дублирования заданий.

    Если предварительный просмотр превышает лимит в 10 МБ, ключи все равно отправляются в Strings, но задание с предварительным просмотром не создается.

    Примечание

    Чтобы работать с предварительными просмотрами Figma в редакторе Strings, используйте действие Добавить предварительный просмотр Figma в контекстной боковой панели.

  • Включите Сохранить форматирование и стили контента, чтобы сохранить форматирование Rich Text (такие как списки, разрывы строк, жирный/курсив и ссылки) при загрузке контента из Figma в Phrase и возврате переводов.

    Если включено, теги HTML форматирования автоматически добавляются для сохранения встроенного стиля и поддерживаются в предварительном просмотре TMS при работе с синхронизированными заданиями из Strings. Теги HTML форматирования отображаются в редакторе Strings и в экспортированных переводах, возвращаемых в Figma.

    Отключите эту опцию, если богатое форматирование не требуется, чтобы избежать ручных корректировок.

    Настройка применяется на уровне файла и затрагивает всех участников, работающих с файлом. Эта опция запоминается для новых файлов.

Для подключенных слоев в соответствующем меню многоточия More Menu доступны следующие действия:

  • Выберите Просмотреть детали ключа, чтобы просмотреть/отредактировать описание ключа в Phrase Strings или установить лимит символов для ключа. Любые изменения, сохраненные в окне Детали ключа, появятся в боковой панели редактора Strings после обновления страницы редактора.

    Рекомендации

    Выберите несколько ключей на вкладке Отправить контент в Phrase и используйте пакетное действие Установить лимит символов, чтобы установить лимит символов для всех выбранных ключей сразу.

  • Выберите Открыть ключ в редакторе, чтобы перейти к связанному ключу в редакторе Strings.

  • Выберите Отключить контент от Phrase Strings, чтобы отключить слой от существующего ключа.

Управление дублированным контентом

При отправке контента слои с дублированным контентом создадут несколько ключей в Strings, содержащих точно такой же текст. Пользователи могут решить, как управлять этим дублированным контентом в окне Отправить контент в Phrase:

  • Выберите Продолжить без объединения, если создание нескольких ключей с дублированным контентом является намеренным.

  • Чтобы объединить некоторый дублированный контент в один ключ, выполните следующие шаги:

    1. Выберите два или более ключей из списка и нажмите Merge Объединить в ключ...

      Отображается выпадающее меню с доступными ключами для объединения.

    2. Выберите ключ, в который нужно объединить дублированный контент.

      Выбранный ключ отмечен синим значком объединения Merge to a Key в окне Отправить контент в Phrase.

    3. Нажмите Продолжить, затем подтвердите, выбрав Объединить и отправить в всплывающем окне Объединение дублированного контента.

      Дублированный контент объединяется в один ключ, и все связанные слои подключаются к этому ключу.

  • Чтобы объединить некоторые или все дублированные контенты в первый ключ списка, выполните следующие шаги:

    1. Выберите несколько или все ключи из списка и нажмите Merge Объединить все дубликаты в первый ключ.

    2. Нажмите Продолжить, затем подтвердите, выбрав Объединить и отправить в всплывающем окне Объединение дублированного контента.

      Дублированный контент объединяется в один ключ, и все связанные слои подключаются к этому ключу.

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

Настройка именования ключей

Раздел Именование ключей в настройках плагина Setup_gear.png позволяет настроить соглашение об именовании для связанных ключей.

Чтобы настроить имена ключей в Figma, выполните следующие шаги:

  1. Нажмите Включить умное именование ключей в настройках Именование ключей.

  2. Выберите Работа с именами ключей в Figma.

    Примечание

    Если Синхронизировать имена текстовых слоев с ключами включено, имена ключей автоматически генерируются на основе имен текстовых слоев.

  3. В поле Генерация имен ключей введите текст для определения пользовательского именования ключей:

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

      Можно выбрать несколько макросов для составления имени ключа.

    • Возможно комбинировать свободный текст и макросы в поле Генерация имен ключей.

      Нажмите Примеры, чтобы отобразить и выбрать один из предопределенных примеров.

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

При отправке контента в Phrase Strings примените новое соглашение об именовании к ранее подключенным ключам, либо:

  • Нажимая на иконку обновления Refresh List внизу таблицы.

  • Выбирая конкретные ключи и нажимая Перегенерировать имена ключей в верхней части таблицы.

Доступные макросы

Макрос

Описание

{file_name}

Имя файла Figma

{page}

Страница Figma, на которой идентифицирован ключ

{parent_section}

Секция самого высокого уровня в дереве страниц

{nearest_section}

Секция, ближайшая к текстовому слою в дереве страниц

{frame}

Рамка, в которой идентифицирован ключ

{parent_group}

Группа самого высокого уровня в дереве страниц

{nearest_group}

Группа, ближайшая к текстовому слою в дереве страниц

{component}

Имя компонента Figma, в котором находится ключ. Учитываются только исходные компоненты.

{element_name}

Имя текстового слоя

{element_content}

Содержимое текстового слоя

{random}

Случайно сгенерированный уникальный короткий хэш

Подключить или отключить ключи

При отправке контента пользователи могут подключать слои к существующим ключам в Phrase Strings или создавать новые.

Выберите вкладку Подключить ключи, чтобы отобразить обзор подключенных и отключенных ключей.

Ключи, которые уже подключены, обозначены значком ссылки Connected Key в столбце Название ключа. При необходимости выберите проект, ветвь (если используется) и язык, или нажмите значок поиска, чтобы найти нужный контент.

Выберите Подключить ключи, чтобы массово подключить все не связанные ключи на вкладке. Чтобы подключить или отключить отдельные ключи, нажмите соответствующий значок справа от соответствующей записи.

Примечание

Опция отключения отдельных ключей также доступна на вкладке Отправить контент в Phrase.

Получить переводы

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

Пользователи могут выбрать проект, ветвь (если используется) и языки для контента, который будет получен. Теги не могут быть возвращены в Figma.

Чтобы управлять длинными списками названий ключей, используйте выпадающее меню Сортировать по Sort Filter, чтобы отобразить Неполные названия ключей сначала и решить любые потенциальные проблемы. При необходимости выберите конкретные ключи и нажмите Исключить слои в верхней части таблицы, чтобы удалить эти слои из плагина.

Примечание

Выбранный вариант сортировки будет запомнен для будущих сессий.

Нажмите на меню Параметры просмотра More Menu, чтобы выбрать, как отображать полученный контент в Figma:

  • Создать новую страницу для каждого языка

    Выбрано по умолчанию. При получении контента для нескольких языков создается отдельная страница Figma для каждого выбранного языка, включая все слои с этой страницы.

    Примечание

    В Figma Buzz отображается опция Создать новую строку с переведенным контентом.

  • Создать одну страницу со всеми языками

    Создает одну новую страницу и размещает выбранный переведенный контент рядом в столбцах, специфичных для языка. Этот вариант фокусируется только на активном выборе, а не на дублировании всей страницы Figma.

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

  • Переопределить текстовые слои с переводами

    Выбранные текстовые слои будут переопределены переводами и обновлены в области просмотра.

    Этот вариант автоматически отключается при загрузке для нескольких языков.

  • Отображать имена ключей вместо контента

    Отключено по умолчанию. Когда включено:

    • Имена ключей загружаются и отображаются вместо переведенного контента.

    • Выбор языка для загруженного контента больше невозможен.

  • Предварительный просмотр контента на выбранном языке

    Настройка будет запомнена для будущих сессий.

    • Если отключено, колонка Контент отображает контент выбранных слоев напрямую.

    • Когда включено, колонка Контент отображает предварительный просмотр контента на выбранном языке для связанных слоев.

      • Для несоединенных слоев включите опцию Соединить с существующими ключами, чтобы показать предварительный просмотр на выбранном языке. Если ключ с таким же именем существует в загруженных данных, контент этого ключа используется в качестве предварительного просмотра.

    Этот вариант автоматически отключается при загрузке для нескольких языков.

  • Connect with existing keys

    Контролируйте, как обрабатываются несоединенные слои при загрузке данных в Figma. Настройка будет запомнена для будущих сессий.

    • Когда включено, система проверяет, существует ли ключ с таким же именем в загруженных данных.

      Если совпадение найдено:

      • Несоединенные слои соединяются с совпадающими ключами.

      • Содержимое слоев обновляется с извлеченным содержимым из существующих ключей.

    • Если отключено, отключенные слои не обновляются, даже если соответствующие ключи существуют в извлеченных данных.

Если содержимое успешно извлечено в Figma, отображается окно Загрузка завершена с кратким содержанием обновленных слоев.

При извлечении для нескольких языков кнопка Открыть ключ в редакторе открывает ключ с языком проекта по умолчанию в качестве исходного языка.

Figma Buzz

Figma Buzz — это инструмент, где дизайнеры брендов и маркетинговые команды могут создавать визуальные активы в соответствии с брендом в больших объемах, прямо в экосистеме Figma. Он включает в себя систему шаблонов, упрощенный редактор дизайна, массовое создание активов и редактирование с использованием искусственного интеллекта.

Плагин Phrase Strings для Buzz позволяет локализовать текстовое содержимое прямо в Buzz, предоставляя те же возможности, что и в интеграции Figma Design:

Примечание

Живой предварительный просмотр не поддерживается.

Плагин доступен в меню Плагины в Buzz. После активации его можно сохранить для будущего использования и запустить на выбранном дизайне, открыв его в модальном окне из боковой панели Figma Buzz. Текстовые слои автоматически обнаруживаются и отображаются в плагине.

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

Была ли эта статья полезной?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.