В этой главе мы узнаем, как перемещаться по рабочей области, менять масштаб и координаты. Также поймём, почему при работе в Figma важен трекпад.
В центре экрана мы видим серый безразмерный холст. Это наша вселенная, в которой мы можем творить. Холст измеряется в dp (density-independent pixels) и может быть огромных размеров. Технически его достаточно для создания экранного интерфейса любого размера.
В правом верхнем углу тулбара мы видим индикатор масштаба. Когда мы только создали файл, масштаб равен 100%. Можно кликнуть его и ввести нужное значение.
Чтобы отслеживать, куда мы двигаемся по холсту, нарисуем фрейм. Выберем инструмент Frame, F и кликнем на рабочую область. Будет создан фрейм размером 100 х 100 пикселей.
Теперь, чтобы приблизить и отдалить фрейм, нажмём + или –. Эти клавиши приближают или отдаляют холст вдвое. Для восстановления исходного масштаба нажмём Cmd 0. При смене масштаба удобно держать Cmd зажатым, чтобы можно было как приближать/отдалять холст, так и выставлять его в 100%.
На холсте существуют нулевые координаты: x: 0, y: 0. Это центр вселенной, относительно которого позиционируются все слои, у которых нет родительских.
На холсте лежат слои, с которыми мы работаем. Слой любого типа имеет базовые свойства: координаты по x, y, ширину, высоту и угол наклона. Подробнее о типах слоёв поговорим в позже в главе 1.3. Left Panel, Menu, Agents, Assets.