Как сделать текст в фигме

Как выбрать инструмент «текст»

Чтобы сделать текстовый слой в фигме, необходимо нажать кнопку «T» на панели инструментов, находящейся внизу интерфейса данной программы:

Выбрать инструмент «текст» также можно просто нажав латинскую букву «Т» на клавиатуре (при этом не важно, какой язык у вас включен в настоящий момент). Обращаем внимание, что нажатие русской буквы «Т» на клавиатуре не даст никакого эффекта.

Если выбрать инструмент «текст» и кликнуть мышкой в любом месте рабочего пространства фигмы, там появится мигающий курсор. Это значит, что вы можете написать в этом месте любой текст.

После того, как текстовый блок будет добавлен, в правой панели фигмы появится панель Typography (Типографика), с помощью которой можно изменять шрифт, начертание, размер, выравнивание, интерлиньяж и прочие параметры текста:

Контейнер текста в фигме

Синяя рамка обозначает границы контейнера. Если вы создали текст описанным выше способом (просто кликнув в произвольном месте), ширина этого контейнера будет подстраиваться под количества текста в нём. Данное свойство называется Auto Width (автоматическая ширина) и обозначается иконкой с линией и стрелкой на панели Design / Layout. Это удобно, если текстовый блок состоит из одной единственной короткой строки.

Но если текста предполагается много, авто-ширина уже не будет лучшим решением. В таком случае удобнее будет выбрать инструмент текст, зажать левую клавишу мыши и растянуть блок до примерных предполагаемых размеров. Тогда контейнер примет свойство Fixed Size (фиксированный размер). Обозначается это иконкой в рамке на панели Design / Layout.

Менять размеры контейнера можно потянув за один из квадратиков в углах контейнера или задав вручную на панели Layout в полях W (width, ширина) и H (height, высота).

По умолчанию при фиксированных размерах контейнера текст будет отображаться, даже если он выходит за рамки. Но в дополнительных настройках на панели Typography можно выбрать параметр Truncate text, при котором часть текста, не помещающаяся в контейнер, будет скрываться, а сам текст заканчиваться многоточием:

А вот чтобы контейнер имел фиксированную ширину, но по высоте подстраивался под количество строк, достаточно просто выбрать среднюю иконку на панели Layout (с полосками между двух линий) — это свойство называется Auto Height (авто высота):

Как написать, вставить или скопировать текст в контейнер

Чтобы добавить текст в контейнер, достаточно просто набрать его на клавиатуре, как в любой другой программе — Word, Photoshop, Illustrator и т.д. Также можно скопировать текст в другой программе c помощью горячих клавиш ctrl+c (на windows) или cmd+c (на Mac OS) и вставить его в фигме (ctrl+v или cmd+v соответственно).

Если у вас нет готового текста, а писать самостоятельно лень — можно просто вставить так называемую «рыбу» — бессмысленный текст, который нужен просто чтобы показать, как текстовый блок будет выглядеть в дизайн-макете. Также можно сгенерировать нужный текст в нейросетях.

Как выйти из режима создания текста в фигме

Чтобы выйти из режима редактирования текста, достаточно просто кликнуть за его пределами или нажать клавишу Esc на клавиатуре. Чтобы вернуться обратно к редактированию — просто нажать на него снова. Одинарным щелчком вы выделите весь текстовый слой, а двойным — перейдете в режим написания самого текста. Вы можете поставить курсор в любое место, выделить отдельные части текста и так далее.

Как убрать (удалить) текст в фигме

Если вам нужно полностью удалить весь текстовый слой, просто выделите его одинарным нажатием мышки и нажмите на клавиатуре кнопку Delete или Backspace. Если же необходимо убрать только часть текста, сделайте двойной щелчок левой кнопкой мыши, выделите нужный фрагмент и также удалите его.