Синхронизация Sketch с Google Docs

Синхронизация контента Sketch

https://github.com/ideo/SketchContentSync.sketchplugin.git

Возможность апдейта контента Sketch файлов с помощью Google Docs.

На данный момент реализована поддержка:

Возможности

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

feature_syncvar (1)

Если вы присвоите любому текстовому элементу название в формате  sync:<key> это позволит синхронизировать контент элемента. Данные будут подтягиваться из строки таблицы, где первое содержимое ячейки будет соответствовать <key> .

Профессия «Дизайнер интерактивных медиа»
Профессия «Дизайнер интерактивных медиа»
Скидка 45% по промокоду UXPUB
Узнать подробнее

Локализация контента

feature_contentversion

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

Объединение контента

feature_concat

Контент синхронизированного элемента, также может быть основан на объединении нескольких ключей или констант. Например, вы можете использовать sync:<key1> + <key2> для генерации контента, который является <key1 value><key2 value> . Более того, вы также можете объединить строки, используя sync:<key1> + ‘ and ‘ + <key2> , что в результате отобразится на контенте <key1 value> and <key2 value> .

Для добавления новых строк между элементами, используйте ‘\n’ например sync:<key1> + ‘\n’ + <key2> .

Как установить

  • скачайте архив
  • Двойной клик на файле .sketchplugin
  • Доступно в Sketch по Plugins > SketchContentSync

Пример

  • Загрузите и откройте sketch файл
  • Выполните SketchContentSync > Google Sync в меню Plugins
  • Sync Google Document Text в всплывающем окне (вставьте эту ссылку в всплывающее окно: ://docs.google.com/spreadsheets/d/1xkkFbXdCEC2Rr_rxO74jdZ30SZSxBuzLdNPFlhsjPws/ и нажмите Sync)
  • В всплывающем окне Sync Content Version выберите Default и нажмите Sync
  • Готово! Контент в Sketch обновлен.
  • Обратите внимание, что в синхронизированном контенте могут быть ошибки в правописании. Попробуйте синхронизировать еще раз с использованием другой версии или даже другого языка.

Здесь вы можете увидеть пример документа, который я использовал.

Как пользоваться

Создайте документ Google

doc_screen

Создайте документ с контентом, который вы будете использовать. Первая колонка – это ключ [key] контента и каждая колонка справа это перевод/вариация контента.

Создайте текстовое поле (поля)

Назовите текстовое поле именем типа sync:[key], заменяя [key] ключом, который используется в документе Google, что позволит их синхронизировать. Другие текстовые поля при этом синхронизироваться не будут.

start

Запустите Sketch плагин ContentSync

Запустите плагин

run

Введите ссылку на документ Google

Ссылка должна быть общедоступной. Для получения ссылки на документ:

  • Поделиться через Файл > Опубликовать в web…
  • Использовать https://sheetsu.com

google_path

Выберите язык / вариацию

Язык/вариация в каждой колонке в документе.

variant

Готово!

result

Ссылки

Создано с использованием:

http://developer.sketchapp.com/
https://github.com/rodi01/RenameIt
https://github.com/nolastan/sync.sketchplugin

Total
0
Shares
2 комментария
  1. Это интересно, но когда есть символ с текстом и ты его переиспользуешь, то штука не работает.
    Надо как-то делать плагин так, чтобы он ориентировался не на имя текстового слоя, а на его значение.

    Например,
    Экран “Screen1” включает в себя 2 символа “List item”.
    Требуется чтобы на экране было написано:
    Яблоко
    Апельсин

    символ List item имеет:
    rectangle
    text

    Делаем всё вручную, без плагина:
    В скетче для поля text в панели Overrides будет написано нужное значение.

    Для первого символа List item пишем – Яблоко,
    Для второго символа List item пишем – Апельсин

    Делаем всё с плагином:
    В скетче для поля text в панели Overrides будет написано выражение.

    Для первого символа List item пишем – sync:Apple,
    Для второго символа List item пишем – sync:Orange

    Потом выбираем язык, ну это и так понятно.

Добавить комментарий

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

Похожие статьи

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
0
Share