5 лайфхаков работы с Figma

Дизайнеры – люди творческие и любят облегчить себе жизнь с помощью удобных программ и плагинов.

Я тоже люблю, поэтому делюсь фишками, которыми пользуюсь:

Помните то чувство, когда надо перенести слоеный объект из Фотошопа в Фигму?

Экспорт - Импорт - сплошной гемор

С помощью этой простейшей команды можно перенести любой дизайн без экспорта и импорта.

Также эта команда объединяет слои изображения в формате png.

Расстановка названий пунктов меню сайта вручную покажется пошлым занятием, когда запомнишь эту команду.

• Выделяем все объекты в списке (зажать [shift] + клик по всем)
• [shift+A] = включаем Auto Layout
• жмем "–>" на панели приборов справа
• пишем сколько нужен отступ
• [ctrl+shift+G] = отключаем Auto Layout

• Ставим галочку в «snap to pixel grid» (избавляемся от дробей)
• выделяем фрейм
• ищем плагин «Pixel Perfect»
• жмем «Run»

= значения округляются и работать с ними намного удобнее.

Хочешь красивые многослойные тени?

Просто выбери «Источник света» и через несколько секунд любуйся результатом.

• выделяем текст
• открываем этот плагин
• видим под каждым шрифтом, как будет выглядеть текст
• подбираем шрифты по визуалу.

🔗 Вернуться к Базе знаний ассистента