Appear: iOS / Android « Сайт по фигме, но автор отношения к ним не имеет! Not affiliated with Figma
Это не официальный сайт Figma / This is not the official site of Figma

Appear: iOS / AndroidAppear: iOS / Android

установить плагин для Фигмы Appear: iOS / Android

Плагин Appear: iOS / Android — помогает быстро конвертировать экран iOS в экран Android и наоборот.

Он предоставляет удобный интерфейс для определения и управления шаблонами именования и сохранения настроек родительских компонентов для работы с внешними библиотеками.

Как использовать:

  1. Измените имена ваших компонентов: Используйте «/ios» и «/android» в названии ваших компонентов. Пример: «имя_компонента/ios», «имя_компонента/android»;
  2. Откройте страницу с родительскими компонентами и нажмите «Save parents». Это обязательный шаг, если вы работаете с внешними библиотеками;
  3. Выберите фрейм или компоненты и нажмите кнопку «iOS» или «Android», чтобы преобразовать соответствующие компоненты в дизайн iOS или Android соответственно.

Настройки:

Если у вас уже есть собственное соглашение об именовании, то вы можете применить его в Настройках.

Вы увидите два поля ввода с надписями «iOS» и «Android». Здесь вы должны ввести идентификаторы имен для компонентов iOS и Android соответственно.

По умолчанию они имеют значения «/ios» и «/android».

Маска шаблона для парсера выглядит следующим образом: имя_компонента_идентификатор_имя_компонента

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

Хорошие примеры имен:

  • ’component_name[ios]’
  • ’component_name(ios)’
  • ’componentname/myOS’

Плохие примеры имен:

  • ’имя_компонента ios’
  • ’(ios)имя_компонента(ios)’
  • ’componentname/myOS/myOS’

Изменить ширину экрана:

Вы можете включить эту настройку, чтобы разрешить изменять ширину экрана для iOS и Android соответственно.

По умолчанию значения равны 375 для iOS и 360 для Android. Если вам нужны другие значения, вы можете изменить их в Настройках.

ВАЖНО!

Работает только для фреймов. Для корректной работы элементы, находящиеся внутри фрейма, должны иметь возможность изменять размер.

ЕЩЕ ВАЖНЕЕ!

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

Разработчик: Andrew Smirnov and Artem D

Плагины из той же категории