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

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

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

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

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

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

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

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

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