Плагин (easy)Grid позволяет создать сетку без математических вычислений./p>
Он также позволяет быстро выравнивать и масштабировать уже существующие элементы макета для более быстрого проектирования. Используя четыре гибких параметра (столбцы, строки, зазор между столбцами и зазор между строками), можно создать макет, который точно подходит и быстро изменять его до идеального состояния.
Сколько раз вам приходилось создавать сетку или макет, и вы тратили слишком много времени на поиск правильных размеров для каждого элемента, возились с интервалами, чтобы он выглядел идеально или должны были идеально выровнять его? Здесь в игру вступает плагин (Easy)grid.
Особенности
Создавайте макеты за считанные секунды — Создавайте шаблоны макетов за считанные секунды, начиная от пары строк или столбцов и заканчивая созданием макетов для целых инструментов и программного обеспечения.
Новые функции
- Заполнение ячеек компонентами — при применении компонента к выбранному слою вы можете выбрать более одного слоя, чтобы заполнить макеты его ячейками в качестве дополнительных выбранных слоев;
- Сохранение созданных макетов — сохраните шаблон и повторно используйте его в других проектах Фигмы, чтобы быстро вставлять наиболее распространенные шаблоны;
- Готовые шаблоны— выберите одну из 5 готовых сеток, чтобы сделать дизайн еще быстрее. Эти сетки включают в себя: золотое сечение, сетку из 12 столбцов, приложение для iPad с боковой панелью, макет iPhone с выемками и правило третей;
Возможности
- Работайте быстрее, а не усерднее — уменьшите количество ошибок и время, затрачиваемое на работу, не беспокоясь об изменении размера или позиционировании макета и позволив (easy)Grid справиться с математической стороной дела.
- Вставить в Фигму одним щелчком — вставьте макет из плагина прямо поверх выбранного слоя Фигмы одним щелчком мыши;
- Запоминает то, что вы написали — ваши параметры макета запоминаются после того, как вы переместите их в Figma, даже после того, как вы измените свой выбор, что позволит вам протестировать макет на экранах разных размеров или быстро создать прототип вариантов.
Может использоваться для
- Простых повторяющиеся макеты;
- Макеты веб/приложений;
- Создание списков/сеток;
- Создание узоров;
- Руководства по Digital Design;
- Быстрое тестирование различных макетов;
- Быстрое заполнение элементов без CMD+C и CMD+V и перетаскивания.
Как пользоваться
- Выберите слой для создания сетки, это может быть прямоугольник или рамка;
- Введите количество ячеек, которое вы хотите, в полях Grid column / Grid row. Также можно ввести размер каждой ячейки, написав его вручную (через пробелы), либо используя точные значения (в пунктах), либо используя общую долю сетки;
- Отрегулируйте расстояние между столбцами и строками по своему вкусу;
- (Необязательно) Объедините ячейки, чтобы создать более сложный шаблон, используя меню предварительного просмотра, перетащите ячейки, которые хотите создать в виде единой формы;
- Нажмите кнопку «Apply To Selected», чтобы вставить сетку в Фигму;
- (Необязательно) Отмените (CTRL / CMD + Z) и измените значения, если результаты не устраивают.