Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>19 ноя 2021</li>

3 <li>0</li>

4 </ul>Рассказываем, как быстро скопировать несколько одинаковых блоков, исправить обрезанную иллюстрацию и выровнять макет по сетке.

5 Иллюстрация: Оля Ежак для Skillbox Media

6 Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.

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

8 Рассказываем о пяти простых лайфхаках, которые помогут вам быстрее работать в Figma.

9 В Figma дизайнерам часто нужно копировать одни и те же элементы: плашки, карточки, кнопки, макеты с экранами. Если этих элементов десять или 20, то приходится на это тратить много времени: и копировать, и выравнивать отступы. Чтобы не делать всё это вручную, нажимайте Ctrl + D, и Figma продублирует то, что вы сделали в последний раз. В случае с копированием все отступы сами собой получатся одинаковыми:

10 Изображение: Skillbox MediaОбычно при изменении размера фрейма за ним меняются пропорции внутренних объектов: их расположение и размер. Это удобно при проверке макета под разные экраны. Но если вы просто хотите изменить размер фрейма, эта функция вам помешает.

11 Чтобы пропорции внутренних объектов не менялись, при изменении фрейма зажмите Ctrl:

12 Изображение: Skillbox MediaЕсли вы случайно обрезали фотографию неправильно, это можно быстро исправить, изменив видимую часть изображения. При этом контейнер под иллюстрацию останется прежним:

13 <ul><li>Кликните по ней дважды правой кнопкой мыши.</li>

14 <li>Меняйте расположение и размер изображения.</li>

15 <li>Выберите обрезанную картинку.</li>

16 </ul>Изображение: and machines / Unsplash / Skillbox MediaС помощью стрелок на клавиатуре в Figma можно сдвигать любой элемент в соответствующую сторону на один пиксель. А если при этом зажать Shift, блок будет сдвигаться сразу на десять пикселей.

17 Если вы работаете с сайтом на 8-пиксельной сетке, стандартный шаг в Figma для вас будет неудобен. Чтобы его изменить, нажмите кнопку , затем перейдите в Preferences и Nudge Amount. В появившемся меню измените шаг смещения блока:

18 Изображение: Skillbox MediaПри выделении нескольких объектов у вас есть шанс ошибиться и выбрать не те. Чтобы переместить область выделения в нужную точку, зажмите пробел и передвигайте мышку. Если отпустить пробел, область можно будет изменить:

19 Изображение: Skillbox MediaПримерно так же можно использовать пробел при создании фигуры: если она встанет не там, просто зажмите пробел и переместите её куда нужно. Кстати, если зажать Shift, фигура будет изменять размер пропорционально:

20 Изображение: Skillbox MediaПо умолчанию Figma пытается расположить любой объект внутри фрейма, находящегося над ним. Но если вам это не нужно, просто зажмите пробел во время перемещения:

21 Изображение: Skillbox Media<a>Самоучитель по Figma</a>

22 Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.

23 <a>Научитесь: Figma с нуля до PRO Узнать больше</a>