Вам тоже понравится Фигма. И вот почему

Tata Slovak
Nov 7 · 4 min read

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

Очень долго смотрела я на этот редактор с отвращением, не понимая, почему его так любят дизайнеры и что в нем нашли. Раздражало все — от интерфейса до нахождения нужных элементов. Могу сравнить это ощущение с оливками в детстве или кинзой — сначала терпеть не можешь, а потом не можешь без них жить. И если с ними у вас не вышло, то с Figmа дела обстоят куда проще.

Задача — распробовать вкус. Сначала может не получиться. Это нормально.

У меня не получилось. Два раза я безуспешно пыталась на нее перейти, но на третий была решительно настроена сдать проект, заточенный под тильду. С этого все и началось. Клиент выдался сложным, проект — долгим. Но благодаря этому удалось подружиться с редактором так, что сейчас с трудом выполняю что-либо в фотошопе — в основном это проекты, требующие максимального количества графики.

Теперь перейдем к деталям

Что меня манит в фигме и чего не хватает PS?

1. Самая ключевая для меня деталь — Figma учит упрощать

Это то, чего никогда не хватало и не будет хватать фотошопу. В векторном редакторе есть весь необходимый инструментарий для работы, но работа с графикой — минимальна. А это значит, что вы уже не посидите 3 часа, примеряя фотку то так — то сяк, играя с масками и фильтрами. Нет. Сначала вы продумаете весь макет логически, а потом — визуально. И только после, при необходимости подправите нужное вам в фотошопе или cameraraw

Кто-то говорит — это минус, для меня это лучший плюс. Я желаю Фигме и далее не внедрять обработку растра.

2. Скорость работы.

Про это не упомянул только ленивый. Действительно, Figma летает, даже если у вас много фреймов в рамках одного проекта. При точно таком же объеме PS начинает подвисать. Но самое странное, что PS поедает все место на диске и в самый ответственный момент показывает вам средний палец и торжественно сообщает, что первичный рабочий диск переполнен и просьба слезть с дохлой кобылы.

Ну, я и слезла. )

3. Большой брат следит за тобой. Доступность и безопасность.

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

Командный тарифный план решает данную проблему. Настройки приватности можно выставить так, что видеть макеты будут только имеющие ссылку, но лишь эдиторы могут скопировать проект к себе. Это очень удобно.

Верстальщику не нужен доступ эдитора, клиенту в большинстве случаев — тоже. А значит, макет остается у вас в целости и сохранности. А еще вы всегда увидите, кто кому расшарил ссылку — все аккаунты остаются в истории просмотра :)

4. Клиент и команда

Удобная командная работа. Вы можете работать с другими дизайнерами одновременно в одном макете, можете видеть экраны друг друга в режиме реального времени.

Клиент так же может отслеживать все изменения в режиме онлайн. Может писать комментарии, не затрагивая макет.

А еще вы можете презентовать клиенту сайт — у Фигмы есть режим прототипирования и базовая анимация. Показать взаимодействие элементов не составит труда.

5. Долой иллюстратор

Все необходимые иконки можно отрисовать в фигме. Быстро и удобно. Ну и так как все векторное, на ретине работать идеально ( яблочники поймут мою боль )

6. Сетка на сетке и сеткой погоняй

Вы можете делать бесконечное количество разных сеток и наслаивать их друг на друга. Это нереально удобно

7. Фигма поддерживает гиф

Такой себе плюс, но если вы хотите видео на бэкграунд или небольшую движуху — welcome. Только не переборщите с размером. Иначе магия не произойдет

8. Компоненты — быстрая замена элементов

Это самая вкусная фишка. Если есть элемент, многократно повторяющийся на сайте ( например шапка и футер в многостраничнике ) — создаете компонент и дублируете его везде, где требуется. Чем-то похоже на смарт-объекты в фотошопе, только в 300 раз проще. Нужно поменять что-то в шапке? Открыли родительский компонент, поменяли, изменения внесены везде 🙂 Быстро и удобно.

9. СмартСелекшн

Тоже суперская фишка. Выбираете несколько элементов, между которыми нужно сделать одинаковое расстояние. Взмах волшебной палочки — и готово!

10. Стоит отметить стили.

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

11. Оперативность

В фигме работа идет быстрее. Начиная новый проект, вы можете перенести какие-то блоки, решения и идеи со старых. «Подергать» все необходимое и потом уже подстроить или изменить до не узнаваемости под конкретную задачу. Это очень удобно. И ОЧЕНЬ быстро. Представьте, как бы долго вы искали psd файл и сколько времени он бы у вас грузился.

А в фигме все под рукой.

Tata Slovak

Written by

Graphic Designer, Artist, Photographer slovaktata@gmail.com ॐ 🌑

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade