{"id":13508,"url":"\/distributions\/13508\/click?bit=1&hash=84881d55bbad8a9fea0858220d4fa15ea06fdd4fceb0218db01a425f0cc754d2","title":"\u041a\u0430\u043a \u0441\u043d\u044f\u0442\u044c \u0440\u043e\u043b\u0438\u043a \u0441 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u043a\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043d\u0435 \u0441\u0442\u044b\u0434\u043d\u043e","buttonText":"","imageUuid":"","isPaidAndBannersEnabled":false}
Дизайн
Infomaximum

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Огонь)))

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

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

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

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

Ответить
Развернуть ветку
Читать все 4 комментария
null