Как вставить в Figma SVG прямо из кода

Figma умеет распознавать SVG прямо в виде текста: вставьте скопированный код в редактор, и Figma превратит это во фрейм с вектором. Когда этом может понадобиться? Некоторые стоки отдают…

Как быстро менять прозрачность слоя в Figma

Прозрачность слоев широко применяется при разработке дизайна, и стандартный путь к её изменению – через панель Fill. Однако вы можете ускорить свою работу, применяя горячие клавиши. Выделите слой…

Анимация GIF в прототипе

Описание Figma позволяет использовать анимированные изображения GIF в прототипах, при этом в редакторе анимация не воспроизводится. Вы можете применять GIF в качестве заливки как и обычные изображения для…

Быстрые команды в Figma

Быстрые команды (quick actions) — это инструмент для выполнения команд в редакторе Фигмы с использованием клавиатуры с помощью поиска. Таким образом радикально сокращается время на ряд манипуляций и…

Самые нужные плагины для Figma. Выбираем

О чем мы здесь Один из козырей Figma – это плагины. И их очень много. Поэтому в этом материале попробуем собрать самые необходимые расширения. Вместе с вами —…

Как пользоваться плагинами в Figma (в 2022 году)

В 2022 году принципы работы с плагинами в Figma изменились. Это гайд по новой системе. Полезные ссылки: Здесь обзоры на разные плагины для Figma Плагины-генераторы для Figma Плагины…

Экспорт в PDF одним файлом

Помимо базового экспорта, в Figma есть специальная команда, которая экспортирует все фреймы на странице в PDF одним файлом. Чтобы выгрузить один PDF,  перейдите в меню File > Export…

Маски в Figma

Маска – это элемент, определяющий границы видимости для других, связанных с ним, элементов. Основное применение масок — обтравка изображений. Как включить маску в Figma Есть три способа назначить…

Форматирование текста в Figma

Инструмент Text Добавить текст в Figma можно с помощью инструмента Text. Вызвать его можно из панели инструментов сверху (буква T), либо с помощью горячей клавиши T. Размеры текстового…

Стили CSS/iOS/Android в инспекторе Figma

Инспектор Figma можно найти в правом сайдбаре во вкладке Inspect, рядом с Design и Prototype. В этом разделе содержится информация ридонли об элементах, которую можно также просмотреть в…

Pixel Grid в Figma

Вам также может быть полезно: Сетки в Figma Pixel Preview в Figma   Pixel Grid — это пиксельная сетка, отображающая каждый отдельный пиксель. Данная опция позволяет максимально точно…

Как найти маски в Figma

В Figma есть инструмент, позволяющий включить подсветку всех используемых масок в макете. Вам также может быть полезно: Обтравка в Figma   Чтобы включить обводку масок перейдите во View…

Загрузить ещё