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

(easy)Grid(easy)Grid

установить плагин для Фигмы (easy)Grid

Плагин (easy)Grid позволяет создать сетку без математических вычислений./p>

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

Сколько раз вам приходилось создавать сетку или макет, и вы тратили слишком много времени на поиск правильных размеров для каждого элемента, возились с интервалами, чтобы он выглядел идеально или должны были идеально выровнять его? Здесь в игру вступает плагин (Easy)grid.

Особенности

Создавайте макеты за считанные секунды — Создавайте шаблоны макетов за считанные секунды, начиная от пары строк или столбцов и заканчивая созданием макетов для целых инструментов и программного обеспечения.

Новые функции

  • Заполнение ячеек компонентами — при применении компонента к выбранному слою вы можете выбрать более одного слоя, чтобы заполнить макеты его ячейками в качестве дополнительных выбранных слоев;
  • Сохранение созданных макетов — сохраните шаблон и повторно используйте его в других проектах Фигмы, чтобы быстро вставлять наиболее распространенные шаблоны;
  • Готовые шаблоны— выберите одну из 5 готовых сеток, чтобы сделать дизайн еще быстрее. Эти сетки включают в себя: золотое сечение, сетку из 12 столбцов, приложение для iPad с боковой панелью, макет iPhone с выемками и правило третей;

Возможности

  • Работайте быстрее, а не усерднее — уменьшите количество ошибок и время, затрачиваемое на работу, не беспокоясь об изменении размера или позиционировании макета и позволив (easy)Grid справиться с математической стороной дела.
  • Вставить в Фигму одним щелчком — вставьте макет из плагина прямо поверх выбранного слоя Фигмы одним щелчком мыши;
  • Запоминает то, что вы написали — ваши параметры макета запоминаются после того, как вы переместите их в Figma, даже после того, как вы измените свой выбор, что позволит вам протестировать макет на экранах разных размеров или быстро создать прототип вариантов.

Может использоваться для

  • Простых повторяющиеся макеты;
  • Макеты веб/приложений;
  • Создание списков/сеток;
  • Создание узоров;
  • Руководства по Digital Design;
  • Быстрое тестирование различных макетов;
  • Быстрое заполнение элементов без CMD+C и CMD+V и перетаскивания.

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

  1. Выберите слой для создания сетки, это может быть прямоугольник или рамка;
  2. Введите количество ячеек, которое вы хотите, в полях Grid column / Grid row. Также можно ввести размер каждой ячейки, написав его вручную (через пробелы), либо используя точные значения (в пунктах), либо используя общую долю сетки;
  3. Отрегулируйте расстояние между столбцами и строками по своему вкусу;
  4. (Необязательно) Объедините ячейки, чтобы создать более сложный шаблон, используя меню предварительного просмотра, перетащите ячейки, которые хотите создать в виде единой формы;
  5. Нажмите кнопку «Apply To Selected», чтобы вставить сетку в Фигму;
  6. (Необязательно) Отмените (CTRL / CMD + Z) и измените значения, если результаты не устраивают.
Разработчик: Eliraz Atia

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