• Как сделать текст в перспективе?

    DarkWood
    @DarkWood
    Включаете отображение перспективной сетки (Shift+Ctrl+I). Настраиваете ее как вам угодно. Вне ее пределов пишите нужный вам текст. Активируете инструмент Perspective Selection Tool (Shift+V) и перетаскиваете надпись на искомую плоскость перспективы. Текст при этом остается редактируемым. Профит.

    5f4940584586f352986037.png
    Ответ написан
    Комментировать
  • Как в figma создать переменные, только для одной страницы?

    fairyshin
    @fairyshin
    Дизайнер внутренних продуктов в KazanExpress
    В фигме нельзя создать разные стили (переменные) для каждой страницы. Фактически, тут 3 пути решения:
    1. Группировать стили внутри одного проекта. Для этого называть их "Group Name / Style Name", на примере ниже красный цвет есть в группе Dark и в группе Light, но имеет разные HEX значения
    625bf54864fa7090367685.png

    2. Сделать 2 разных проекта со своими стилями внутри

    3. Вынести каждую группу стилей в отдельный проект и подключать как ассеты
    625bf72c97ace294683382.png
    625bf7438784e584321619.png
    Ответ написан
    1 комментарий
  • Как сделать панель вкладок с анимированным переключением и 5-6 вкладками в Figma?

    Ivnika
    @Ivnika
    Возможности фигмы в плане анимации весьма скромные
    Самый простой вариант сделать прототип и в настройках переходов включить "умную" анимацию перехода, уже будет не двухкадровая анимация :)
    Ответ написан
    Комментировать
  • Почему жирность текста в css отличается от жирности текста в макете figma?

    Liatano
    @Liatano
    Для изменения жирности нужно подгрузить шрифт с этой жирностью. Браузер сам, конечно, может некоторым образом симулировать жирность или курсив, но если шрифт не системный для каждой жирности, начертания и их сочетаний нужно подгружать свои файлы. При этом их нужно еще корректно объявлять, например:
    @font-face {
    	font-family: 'Commissioner';
    	src: url('fonts/Commissioner/Commissioner-Regular.eot');
    	src: local('Commissioner Regular'), local('Commissioner-Regular'),
    		url('fonts/Commissioner/Commissioner-Regular.eot?#iefix') format('embedded-opentype'),
    		url('fonts/Commissioner/Commissioner-Regular.woff2') format('woff2'),
    		url('fonts/Commissioner/Commissioner-Regular.woff') format('woff'),
    		url('fonts/Commissioner/Commissioner-Regular.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
    }
    @font-face {
    	font-family: 'Commissioner';
    	src: url('fonts/Commissioner/Commissioner-Medium.eot');
    	src: local('Commissioner Medium'), local('Commissioner-Medium'),
    		url('fonts/Commissioner/Commissioner-Medium.eot?#iefix') format('embedded-opentype'),
    		url('fonts/Commissioner/Commissioner-Medium.woff2') format('woff2'),
    		url('fonts/Commissioner/Commissioner-Medium.woff') format('woff'),
    		url('fonts/Commissioner/Commissioner-Medium.ttf') format('truetype');
    	font-weight: 500;
    	font-style: normal;
    }

    имя у шрифта одно, а вот жирность разная. При этом лучше не забывать о разных браузерах а также о том,что шрифты могут быть в системе пользователя(в этом случае ничего грузиться не будет). В целом, формат .eot - это атавизм для IE, но до сих пор лежит в готовых паках до кучи.
    Ответ написан
    1 комментарий
  • Что такое Nudge amount в Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Small Nudge отвечает за минимальный пробел, когда вы двигаете элемент стрелками на клавиатуре.
    Big Nidge отвечает за максимальный пробел, когда вы двигаете элемент с помощью клавиши Shift.

    Обычно эти значения выставляются на 4 и 8 пикселя, для 4-кратной пиксельной сетки.

    Одно нажатие = 1 пункт
    1 пункт = 4 пикселя.
    Ответ написан
    2 комментария
  • Как в figma выделить сразу несколько слоев?

    NewWingsAsya
    @NewWingsAsya
    Веб-дизайн, интерфейсы и бренд-айдентика.
    Есть несколько способов как выделить несколько объектов в Figma:
    1. просто выделить область на макете, где находятся несколько слоев
    2. зажимаем клавишу shift и выделяем нужные объекты на макете по одному
    3. зажимаем ctrl и выделяем в списке слоев нужные слои по одному
    4. зажимаем shift и выделяем в списке слоев несколько слоев подряд

    5fa31c8cc6769017660633.gif
    Ответ написан
    Комментировать