Додавання сітки

Виберіть фрейм і натисніть значок плюса у розділі Layout Grid на панелі дизайну, щоб додати сітку. За замовчуванням встановлюється рівномірна сітка з кроком 10 пікселів.

Налаштування параметрів сітки

• Тип сітки: вибір між стовпцями, рядками або сіткою;
• Кількість: налаштування кількості стовпців або рядків;
• Зовнішній вигляд: зміна кольору та прозорості;
• Параметри типу: встановлення стовпців на розтягування або фіксацію ліворуч, по центру чи праворуч;
• Поля та відступи: визначення відстані між краями фрейму (поля) та між стовпцями/рядками (відступи).

Розширені параметри

• Додавайте кілька сіток до одного фрейму, натискаючи значок плюса ще раз.
• Змінюйте або видаляйте сітки за допомогою панелі налаштувань або значка мінуса.
• Застосовуйте попередньо налаштовані стилі сіток через значок з чотирма крапками або імпортуйте сітки з бібліотеки команди.

Використання лінійок і напрямних у Figma

Увімкнення лінійок

Лінійки доступні через View > Rulers або за допомогою комбінації клавіш Shift + R. Вони відображаються у верхній та лівій частинах фрейму, одиниці вимірювання — пікселі.

Додавання напрямних

Щоб створити напрямні, перетягніть їх з лінійки та розташуйте для вирівнювання. Для видалення напрямних перетягніть їх назад на лінійку.

Рекомендації

Поєднуйте сітки та напрямні для точності та впорядкованості макетів. Чисте вирівнювання підвищує зрозумілість дизайну та покращує загальний досвід користувача.