Как сделать линии в figma

Если нужно быстро понять, как сделать линии в figma, проще всего начать с базовых инструментов и сразу проверить, как меняются толщина, длина и стиль штриха. В Figma линия может быть отдельным объектом, частью фигуры или обводкой, и у каждого варианта свои задачи.

Нарисовать простую линию

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

1. Выберите инструмент Line на панели или нажмите L.
2. Щёлкните в начале будущей линии и протяните её до нужной точки.
3. Чтобы получить строго горизонтальный, вертикальный или диагональный отрезок под углом 45°, удерживайте Shift.

После создания линия выделяется как отдельный объект. Её можно двигать, вращать, менять длину и копировать. Если нужно быстро повторить элемент, сделайте дубликат сочетанием Ctrl/Cmd + D.

Если вы задаётесь вопросом, как сделать линии в figma для макета интерфейса, лучше сразу проверить толщину штриха: слишком тонкая линия на тёмном фоне может теряться, а слишком толстая перегружает экран.

Настроить внешний вид

Когда линия уже создана, основные параметры находятся в правой панели. Именно здесь задаются аккуратность и визуальный характер элемента.

• Stroke — цвет линии.
• Weight — толщина.
• Cap — оформление концов: ровные, круглые или выступающие.
• Dash — пунктир или штриховая линия.
• Join — способ соединения углов, если линия часть ломаной.

Для схем и интерфейсов часто используют тонкие нейтральные линии 1–2 px. Если нужен разделитель, проверьте, чтобы он не выглядел слишком ярко относительно текста. Для декоративных элементов, наоборот, можно увеличить толщину и выбрать скруглённые окончания.

Если линия выглядит «мыльной», проверьте выравнивание по пикселям. Часто 1 px линия на нецелых координатах визуально становится размытой. Помогает перемещение объекта на целые значения или использование более подходящей толщины.

Сделать не линию, а обводку фигуры

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

Такой подход полезен, если линия должна:

• Строго совпадать с границами блока;
• Иметь одинаковые отступы по краям;
• Быть легко масштабируемой вместе с фигурой;
• Работать как визуальная рамка, а не самостоятельный отрезок.

Чтобы сделать это, создайте фигуру, включите Stroke и уберите Fill, если заливка не нужна. Так вы получите аккуратный контур. Для пунктирных рамок используйте Dash, а для более мягкого интерфейса — скруглённые углы и круглые окончания.

Типичные ошибки и быстрые проверки

При работе с линиями чаще всего мешают не инструменты, а мелкие детали. Вот что стоит проверить сразу:

• Линия не совпадает с сеткой и выглядит неровно;
• Толщина отличается от соседних элементов;
• Цвет слишком контрастный или, наоборот, теряется;
• Пунктир слишком частый и создаёт шум;
• Концы линии обрезаны не так, как нужно.

Хорошая практика — сравнить линию с соседними элементами в том же масштабе и посмотреть, не нарушает ли она ритм интерфейса. Если элемент нужен для прототипа, оцените его и в уменьшенном виде: в реальном экране слишком тонкие детали могут стать незаметными.

Теперь вы знаете, как сделать линии в figma разными способами: как самостоятельный отрезок, как обводку фигуры и как пунктирный или декоративный элемент. После создания всегда проверьте толщину, выравнивание и контраст — именно это сильнее всего влияет на аккуратность результата.