AutoLayoutAutoLayout

установить плагин для Фигмы AutoLayout

Плагин AutoLayout динамически размещает слои во фреймах и обновляет макет при изменении размеров дочерних слоев. Он ведет себя аналогично стекам Framer и инструментарию Anima для Sketch.

Создание простого списка

  1. Оберните элементы списка во фрейм
  2. Откройте плагин Auto Layout, выберите фрейм и включите переключатель «Layout frame»
  3. Измените направление на вертикальное и отрегулируйте расстояние

Как создать автоматический список дел

  1. Создайте текстовый слой и прямоугольник как флажок рядом с ним для первого элемента задачи.
  2. Оберните оба элемента во фрейм.
  3. Откройте AutoLayout и включите его для фрейма. Установите направление по горизонтали и отрегулируйте отступы / выравнивание по своему вкусу. Можете изменить порядок, перемещая слои вверх и вниз на боковой панели слоев.
  4. Выделив фрейм, установите для параметра «Высота» значение «Изменить по размеру» в AutoLayout, который автоматически изменит размер фрейма при увеличении длины текстового поля.
  5. Дублируйте фрейм несколько раз ниже, чтобы создать список задач.
  6. Оберните все элементы todo во фрейм и включите AutoLayout, установите вертикальное направление. Можете настроить расстояние между элементами.
  7. Попробуйте добавить перенос строки в один из элементов задачи, чтобы увеличить его. Элементы ниже будут автоматически перемещаться вниз, чтобы освободить место.

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

Разработчик: Carlo Jörges

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