Как создать шаблон в Figma
для Databird Visio

Шаблон в Figma
Создание главного изображения
Главное изображение является обязательным для каждого шаблона. В Databird Visio вы сможете заменять его на нужное вам.
  1. Создайте слой изображения, установите нужную вам картинку.
  2. Назовите этот слой @ либо Image . Название слоя должно полностью совпадать с одним из двух вариантов.
  3. Проследите, что в вашем шаблоне только один слой с таким названием. Если вам нужны ещё заменяемые картинки в шаблоне, возможно вам подойдут пиктограммы - о них ниже.
Примеры изображений
Как добавить текстовое поле в шаблон
Добавив поле, вы сможете в Databird Visio заменять его текст на нужный вам.
  1. Создайте текстовый слой и введите нужный вам текст.
  2. Назовите этот слой $Ваше название либо Field Ваше название . Обратите внимание на префиксы $ и Field , которые обозначают, что слой является полем. Не используйте их для прочих слоёв.

На данный момент не поддерживаются поля с переносом строки либо поля, написанные несколькими разными шрифтами одновременно. Они могут работать неверно.
Примеры поля
Как добавить пиктограмму в шаблон
Добавив пиктограмму, вы сможете в Databird Visio заменять её на нужную вам карти
  1. Создайте слой изображения, установите нужную вам картинку.
  2. Назовите этот слой @Ваше название либо Image Ваше название . Обратите внимание на префиксы @ и Image , которые обозначают, что слой является пиктограммой. Не используйте их для прочих слоёв.
Примеры пиктограмм
Как экспортировать шаблон из Figma
1. Выберите весь фрейм в Figma, являющийся вашим шаблоном:
Примеры экспорта
2. На панели справа промотайте в самый низ, до раздела "Export". Выберите "SVG". Нажав на три точки, установите галочки "Ignore overlapping layers", "Include bounding box", "Include 'id' attribute" и уберите галочку "Outline Text":
Примеры изображений
3. Нажмите "Export". Готово!
Следите за нами в Telegram
Еще статьи
    Попробуйте бесплатно
    безопасно, надежно, быстро