4 фишки Figma для ускорения процесса проектирования и дизайна

Дарья, руководитель отдела проектирования и дизайна Инфомаксимум, кратко о том, какие фишки в Figma помогут быстро накатывать обновления, убыстрить работу и забыть о бессмысленной рутине .

Наша дизайн-команда в своей работе использует один самых популярных на рынке графических редакторов – Figma. В этой статье расскажу о полезных фишках Figma, которые ускорят процесс проектирования и дизайна.

Используйте компоненты

Компонент – это элемент, экземпляры которого меняются вместе с ним. Например, если вы нарисуете кнопку, сделаете из неё компонент, а затем скопируете, то при изменении размеров, цветов или шрифта – копии также будут меняться.

Все макеты продуктов нашей компании строятся на компонентах. Это позволяет оперативно накатывать обновления, поддерживать версионность и сокращать рутинные операции.

Внедряйте автолэйауты (AL)

AL – это автоматическая разметка фрейма, которая контролирует внешние и внутренние отступы между элементами, настраивает их ресайз и позиционирование относительно фрейма. Также эта фича позволяет настраивать авто-группировки соседних модулей.

При помощи AL мы экономим время при удалении/добавлении контента, построении строк со схожим контентом и создании адаптивных компонентов. Также AL поддерживает согласованность и масштабируемость всех компонентов.

Применяйте стили

Такие свойства компонентов как цвета заливок и обводок, градиенты, эффекты и всевозможные атрибуты шрифтов мы определяем в стили. Стили позволяют сохранять наборы свойств объекта для повторного использования. Одно быстрое изменение стиля, и Figma автоматически обновит все экземпляры, в которых есть ссылки на этот стиль.

Используйте базовый компонент при создании Variants

Variants – это способ группировки и организации вариантов одного и того же компонента. Если вариантов слишком много, то мы используем базовый мастер-компонент. Одно изменение мастер-компонента – и все варианты обновлены в ту же секунду! Это значительно сокращает время, если потребуется корректировка цветов, размеров, шрифта и т.д.

0
4 комментария
Анна Таратынова

Спасибо большое, очень интересно ☺

Ответить
Развернуть ветку
Дина Мустаева

Полезно. Спасибо!

Ответить
Развернуть ветку
Юлия Зингаева

Огонь)))

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Артём Пирс

Золотые фишки🔥 Не нужно потом у жизни брать отпуск, если нужно что-то изменить и облегчить работу😄

Ответить
Развернуть ветку
1 комментарий
Раскрывать всегда