что лучше фигма или фотошоп
Чем Figma лучше Photoshop для разработки веб-интерфейсов
Огромное количество дизайнеров во всем мире в качестве инструмента для разработки веб-интерфейсов использует Adobe Photoshop. В этом нет ничего удивительного — Photoshop способен справиться практически с любой задачей, которая имеет отношение к графике.
Но как и все комбайны, инструмент от Adobe в некоторых случаях уж слишком неповоротлив и сложен. При решении специфических задач, включая разработку веб-интерфейсов, можно попробовать и другие инструменты. Среди прочих можно назвать Sketch, Adobe XD и Figma. Сейчас предлагаем поговорить как раз о последнем, остальные обсудим в следующих публикациях.
Запуск одним кликом
Отличительной особенностью Figma является то, что работать с пакетом (полноценно!) можно в браузере. Есть и десктопная версия, но ее функциональность лишь немного отличается от веб-сервиса (в десктопной версии можно работать в офлайне, все изменения автоматически будут внесены при подключении к сети), поэтому можно ничего не загружать и не ставить на ПК. Заходим на сайт Figma — и сразу можно приступать к работе.
Если кому-то ближе работа с десктопной версией, то ее тоже можно использовать. Работает шустро, нареканий не вызывает. Для работы с Photoshop, вероятнее всего, придется либо провести апгрейд, либо же купить новую, более мощную систему. А вот в случае с Figma макеты можно верстать хоть с планшета.
Экономия средств
Графические редакторы в большинстве своем стоят денег, и немалых. Например, для Photoshop есть возможность получить лицензию на год (около 24 тысяч рублей) либо же платить за продукт каждый месяц (примерно 1 300 рублей без НДС).
Ну а Figma — условно-бесплатное ПО. Есть free версия, возможностей которой вполне хватит средней руки дизайнеру. Бесплатно можно работать не более, чем с тремя проектами и одним коллегой-редактором (это касается удаленной совместной работы). История версий хранится не более 30 дней. Пользователей с read only правами можно добавлять сколько угодно.
Если есть нужда в большем количестве возможностей, стоит перейти на платную версию, которая обойдется в 12 долларов в месяц. В ней есть неограниченное количество проектов, «бесконечная история», командная библиотека элементов, из которой можно выбирать объекты в любое время, интеграция со Slack и продвинутые функции управления правами пользователей. За каждого дополнительного редактора нужно будет платить еще около 12 долларов.
Что касается разницы между редактором и пользователем, то в первом случае мы говорим фактически об администраторе всех проектов с полным доступом ко всем файлам в режиме чтения и записи. Во втором речь идет о пользователе с read only статусом, которому, кроме режима просмотра, доступны еще комментирование и некоторые другие функции.
Совместная работа
В Figma неплохо организована совместная работа над отдельными проектами. При необходимости можно ввести в нужное поле email партнера — и все, начинайте творить.
Как и в случае с текстовыми облачными редакторами (тот же Google Docs), курсоры всех пользователей проекта окрашиваются разными цветами и подписываются. Работа отслеживается в режиме реального времени.
Кроме этого, присутствует возможность оставлять комментарии. Их могут добавлять не только редакторы, но и обычные пользователи.
Есть инструменты коммуникации, которые позволяют, не прерывая работы, обсуждать все текущие вопросы в Figma. Наличие отдельного канала связи позволяет не отвлекаться на сторонние коммуникации вроде телефона или скайпа.
Настройка прав отдельных пользователей нужна для того, чтобы никто не изменил то, что не нужно, случайно или нет. Сколько проклятий сказано дизайнерами, чьи макеты случайно были испорчены коллегами, которые вообще-то пришли «просто посмотреть», — не счесть.
Кроме того, здесь есть и контроль версий. Можно посмотреть, кто и когда вносил изменения, а также откатиться до нужной версии всего в пару кликов в случае необходимости.
Экспорт отдельных элементов
Любой элемент создаваемого интерфейса можно выбрать и при необходимости экспортировать. Эта функция значительно сокращает время, которое требуется на экспорт того же элемента в Photoshop.
При необходимости сохраняемый элемент можно увеличить в несколько раз. Эта функция может потребоваться при создании веб-интерфейсов для дисплеев с повышенной четкостью.
Также в Figma есть возможность создания зависимых копий оригинала. Зависимость выражается следующим образом: если меняем что-то у копии оригинального элемента, эти изменения присваиваются только ей.
Но если мы меняем изначальный вариант элемента — оригинал, то меняются все остальные копии, где бы они ни находились.
Векторная сеть
В Figma есть возможность передвигать вместо векторных точек линии. Функция не новая, она появилась еще в 2016 году. Тем не менее, при работе с векторными сетками это очень удобно.
В большинстве векторных редакторов можно делать то же самое, но времени уходит больше, поскольку требуется:
1) Выделить две точки, которые соединены линией. Они мелкие, надо прицелиться как следует, и это не всегда получается сделать с первого раза;
2) С зажатой кнопкой Shift сдвинуть их в нужную сторону (чтобы не сломалась геометрия).
Что касается Figma, то в среде приложения линия выступает как бы направляющей для самой себя, нужно просто захватить линию курсором мыши и оттянуть в направлении, перпендикулярном самой линии. Точки искать не требуется.
Figma работает с Google Fonts
Это означает, что больше не будет проблем с недостающими шрифтами, из-за отсутствия которых на ПК пользователя, открывающего макет, все шрифты могут слететь на дефолтные.
В Figma используются Google Fonts. Локальные шрифты при этом подгружаются в проект.
Импорт sketch-файлов
Figma совместима c файлами в формате Sketch. После импорта рабочие области, слои, группы сохраняются, включая свойства вроде границ и эффектов. Названия тоже сохраняются. Импортировать Sketch файлы в Photoshop напрямую невозможно — для этого необходимо выполнять промежуточные действия и использовать дополнительные приложения.
Техподдержка
Еще одна возможность Figma, которая уже не относится непосредственно к разработке интерфейсов — это связь с саппортом. Для этого разработчики создали live-chat, позволяющий быстро связаться с сотрудником техподдержки, задав тому вопрос (только по делу!) или рассказав о какой-либо технической проблеме.
Немного дегтя
Конкуренты редактора пока что не уходят полностью в “облака” и неясно, будут ли переходить в ближайшем будущем. В этом есть свои плюсы, поскольку пользователи Photoshop и других графических редакторов могут спокойно работать в офлайне не боясь того же “Роскомнадзора”, который одним действием а-ля слон в посудной лавке может отключить от любого облачного сервиса тысячи пользователей из РФ или других стран.
Кто прав, а кто — не очень, покажет время. Пока же можно спокойно осваивать Figma, самостоятельно оценивая достоинства и недостатки приложения.
Мой переход из Photoshop в Figma
Привет. Сегодня хочу рассказать вам, почему я перешла из Photoshop в Figma.
Вступление
Не собиралась писать об этом… Во-первых, мне казалось не сильно важным, в чем веб-дизайнер отрисовывает макеты сайтов, главное чтоб не в CorelDraw ))
Программы – это всего лишь инструмент, и каждый пользуется тем, что ему удобнее.
Во-вторых, сейчас многие веб-дизайнеры пересели на Фигму, и они уже описали все плюсы и минусы этой программы. Плюсов заметно больше. И я не думаю, что мое мнение, будет сильно отличаться от общего.
Но вышло так, что за последние пару месяцев, я получила 3 письма от своих читателей с похожими вопросами.
Привожу пример одного из таких писем:
Я сразу дала ответ в обратном письме и пообещала, что опубликую более подробную статью в ближайшее свободное время.
Но как обычно, со свободным временем напряг, еще и редизайн своего сайта затеяла. Поэтому время на написание статьи нашла только сейчас.
Надеюсь, что эти вопросы для вас все еще актуальны. Так что поехали…
Почему веб-дизайнеры выбрали Photoshop
Основное предназначение Photoshop – работа с растровыми объектами. Это идеальный инструмент для обработки фотографий, создания сложных коллажей, реставрации изображений, рисования и т.д.
Да, в нем можно работать с вектором, сверстать брошюру и даже сделать интересную анимацию. Но для верстки полиграфии логичнее использовать Adobe InDesign. Для разработки логотипов и векторных рисунков больше подойдет Adobe Illustrator. А для создания анимации – Adobe After Effects.
Получается что Photoshop – это такой супер комбайн для обработки фото, но с максимально расширенными функциями. Фотографию для сайта обработать можно? Можно. Формы и кнопки отрисовать – пожалуйста. С типографикой поработать – да без проблем.
Думаю именно поэтому веб-дизайнеры в свое время выбрали Фотошоп в качестве главного инструмента для создания дизайна сайтов. В нем было все, что нам требовалось.
Конечно, не хватало многих желаемых опций, некоторые функции были не такими удобными как хотелось бы… Но, до недавнего времени других предложений на рынке просто не существовало. А раз альтернатив нет – выбираем лучшее из предложенного.
Фигма для верстальщика
Figma это векторный редактор, созданный специально для разработки веб и мобильных приложений.
Она удобна не только для дизайнеров. Макеты из Фигмы, верстать тоже гораздо приятнее, чем из psd файлов.
И вот список некоторых преимуществ:
Мой верстальщик без труда сверстал первый макет, хоть не был знаком с Фигмой ранее )) Я ему объяснила лишь ключевые моменты, а дальше он освоился сам. Теперь говорит, что возиться с тяжелыми psd больше не хочет.
Представьте, сколько файлов вы передаете на верстку, если делаете например дизайн интернет-магазина с адаптивом? 32 psd файла или больше? ))
При работе в Figma, у вас есть всего одна ссылка на проект. Это плюс облачного сервиса.
Фигма для дизайнера
На домашнем ПК я работаю в установленной программе. А на макбуке использую браузерную версию Фигмы. И это очень удобно.
Теперь, что касается непосредственно работы…
Дизайнеру, Фигма существенно экономит время. Многие вещи в ней делаются быстрее.
Но конечно самый очевидный пример, о котором говорят все, перешедшие на Фигму – это компоненты.
Что делать, когда дизайн готов, но вдруг понадобилось поменять стиль кнопок на всем сайте?
В Photoshop придется открыть — изменить — пересохранить все кнопки во всех макетах. Потом все это переотправить разработчику.
В Фигме это делается намного быстрее. Просто меняете стиль у одного компонента и все. Вопрос решен.
И еще, совсем недавно в Фигму «подвезли» долгожданные плагины, об этом сейчас шумит все дизайн сообщество )
В общем, сплошное удовольствие.
Первое знакомство с программой у меня состоялось давно, почти сразу после ее выхода. Но тогда я поигралась,закрыла и забыла.
Прошло время… Фигма обогнала Sketch, все чаще я стала слышать от других дизайнеров, как она хороша в работе, и я решила попробовать снова. Посмотрела несколько видео по структуре организации макетов и по работе с компонентами. Решила что следующий проект, если он будет небольшой, попробую сделать в Фигме. Интернет магазин сразу бы наверное делать побоялась ))
Ну и так получилось, что все прошло хорошо. Сделала лендинг, привыкла к интерфейсу, перестала путаться в горячих клавишах. Если возникали какие-то вопросы, то заглядывала в pdf руководство (ссылку на него даю в конце статьи).
Меньше чем через неделю, я чувствовала себя уже очень комфортно. И с каждым проектом любовь к Фигме только растет.
Почему большинство все равно пользуются в основном фотошопом?
Есть такие люди консерваторы. Если к чему-то привыкли, то все. «Дуров, верни стену!»
Есть принципиальные. Все кричат, что Figma это круто, я не хочу быть как все, буду любить только Фотошоп.
Есть те, кто вроде и хочет попробовать, но пока так и не нашел времени покопаться и разобраться в программе. Еще пару раз услышит хвалебные отзывы и все таки решит что пора.
Ну и кто-то наверное просто ленится.
Еще Figma на английском языке. Возможно некоторых отталкивает именно это…
Кстати, при переходе на Фигму, Фотошоп никто не отменял. И у меня он все также частенько открыт. Если речь про дизайн промо сайта, сложного баннера или фона, то ретушь и коллажи все равно делаются в Фотошопе.
Просто Фигма – это про разработку макетов сайтов и векторные элементы, про UI. Фотошоп – про обработку растровых объектов.
Сложно ли изучить Figma
Если вы совсем новичок и это ваш первый инструмент, который вы хотите освоить, то сложности конечно будут. Но в сравнении с Фотошопом, это все равно простая программа.
Если вы уже опытный пользователь Adobe Photoshop, то освоить Фигму не составит труда. Сделайте в ней хотя бы один проект. Привыкнете к горячим клавишам, поймете логику работы.
Я уверена, если вы освоите Фигму, «дизайнить» сайты в Фотошопе вы больше не захотите.
Да, скорость работы сначала может немного упасть, но это пока вы не освоитесь, а сделать это можно очень быстро.
И удачи вам в переходе. Увидимся на другой стороне )
UX/UI Веб-дизайнер. Занимаюсь дизайном и разработкой сайтов для бизнеса более 6 лет. Связаться со мной можно через страницу Контакты
Фигма или Фотошоп. Что выбрать новичку
Графический редактор — второй по важности инструмент верстальщика после редактора кода. Дизайнеры создают макеты сайтов и приложений и передают готовые файлы в вёрстку. Верстальщик получает из них всю необходимую информацию: тексты, иллюстрации, цвета, положения элементов на странице и расстояния между ними.
Есть много графических редакторов, и как из них выбрать непонятно. Поэтому возьмём две популярные программы — Photoshop и Figma — и сравним их.
Photoshop — мощный графический редактор, основное предназначение которого — работа с растровой графикой. Он вышел в 1990 году и за это время собрал большое сообщество пользователей. В исследовании инструментов дизайна от 2019 года он занимает четвёртое место из десяти самых популярных инструментов.
Figma — онлайн-редактор для создания интерфейсов и прототипов. Он появился в 2016 году, но успел обогнать Photoshop по количеству пользователей почти в 4 раза. В том же исследовании инструментов дизайна Figma занимает второе место по количеству пользователей.
Чтобы выбрать редактор, сравним удобство интерфейсов и совместной работы, варианты использования ПО и его установки, минимальные требования к компьютеру.
Хоть Фигма, хоть Фотошоп
Всё равно нужно уметь верстать, чтобы не ругаться с программистами.
Нажатие на кнопку — согласие на обработку персональных данных
Интерфейс
При выборе графического редактора полезно оценить интерфейс. Сложный интерфейс потребует больше времени, чтобы в нём разобраться. Пользователи таких программ путаются из-за большого количества информации и инструментов, поэтому чаще ошибаются.
Figma
В Figma есть две основные рабочие области — графический редактор и менеджер файлов.
Менеджер файлов нужен для настройки аккаунта и управления файлами и проектами. Здесь можно создать команду, отредактировать настройки аккаунта, просмотреть текущие и недавние проекты, подключить новый плагин.
Менеджер проектов в Фигме
Вторая рабочая область в Figma — графический редактор. Здесь дизайнеры делают макеты, а верстальщики находят иллюстрации, тексты, параметры объектов для вёрстки.
Графический редактор внутри Figma
Photoshop
В Photoshop сложный интерфейс с множеством инструментов, информационных панелей и вкладок. Это связано с тем, что им пользуются разные специалисты: веб-дизайнеры, фотографы, верстальщики, иллюстраторы. Всем им нужны разные инструменты.
Такое обилие мешает новичкам. Среди панелей с информацией трудно найти параметры текста или слоя или выбрать нужный инструмент.
Окно Photoshop с множеством инструментов
Можно немного облегчить жизнь, если оптимизировать рабочее пространство. Для этого достаточно скрыть инструменты и панели, которые не нужны для вёрстки. Тогда лишняя информация не будет отвлекать, а найти нужный инструмент станет проще.
Ниже — пример того, как может выглядеть Photoshop верстальщика.
Окно Photoshop, настроенное для работы верстальщика
Способ установки
Чтобы выбрать графический редактор, полезно оценить, насколько легко начать им пользоваться. Чем проще установка, тем быстрее можно приступить к работе.
Есть два варианта — десктопное приложение и браузерная версия. Приложение нужно установить на компьютер, а браузерный редактор работает сразу без всяких установок.
Figma
Figma — это онлайн-редактор, который работает в браузере. Это значит, что ничего устанавливать на компьютер не нужно. Чтобы начать работать, достаточно открыть веб-приложение в браузере и авторизоваться.
У этой реализации есть свои недостатки. Figma не работает без интернета и может тормозить, если видеокарта недостаточно мощная. Для доступа к локальным шрифтам на компьютере придётся установить небольшую программу Figma Font Helper.
Разработчики Figma побеспокоились об удобстве пользователей и создали десктопное приложение для Windows и Mac OS. В нём есть те же функции, что и в браузерной версии. Недостаток приложения в том, что оно не работает без интернета и через прокси-сервер. Тем, у кого прокси-соединение, подойдёт только браузерная версия.
Photoshop
Photoshop устанавливается на компьютер. Это удобно тем, что приложение работает без интернета. Интернет понадобится, чтобы активировать программу, подтвердить подписку или получить доступ к облачному хранилищу.
Стоимость
Не все графические редакторы бесплатные. Об этом нужно помнить, чтобы рассчитать силы и понять, есть ли деньги на покупку или регулярное продление подписки.
Figma
Figma — условно бесплатный графический редактор. У него есть 3 варианта использования: начальный, для профессионалов и для организаций.
Начальный тариф бесплатный с доступом к безлимитному облачному хранилищу, количество пользователей, которые могу просматривать проекты, не ограничено. В нём есть лимиты:
Тарифы для профессионалов и организаций платные. Профессионалы платят по 12 долларов за пользователя в месяц при оплате на год вперёд или по 15 долларов помесячно. Для студентов и преподавателей этот тарифный план бесплатный. Правда, придётся подтвердить факт учёбы в университете.
Организации платят по 45 долларов за пользователя в месяц. Причём заплатить придётся сразу за весь год, помесячной оплаты нет. Тариф подходит командам от 9 пользователей.
Тарифные планы в Figma
Photoshop
Photoshop — платная программа, которую можно попробовать бесплатно в течение 7 дней. Чтобы начать работать в редакторе, нужно купить подписку. Есть три варианта подписок — для частных лиц, бизнеса и учащихся.
После семидневного тестового периода частные лица платят за Photoshop по 1352 руб. в месяц. Компании — по 2190 руб. в месяц. Частные лица могут сэкономить, если оформят подписку «Работа с фотографиями». В неё входят Photoshop, Lightroom и Lightroom Classic. Стоит такая подписка 644 руб. в месяц плюс НДС.
Студенты и преподаватели могут купить Photoshop только в составе набора приложений Creative Clouds. Подписка для них стоит 1288 руб. в месяц плюс НДС. Чтобы купить эту подписку, придётся подтвердить факт учёбы в университете.
Тарифные планы в Photoshop
Совместная работа
Удобство в работе — важный параметр при выборе графического редактора. Верстальщик получает макет, показывает свёрстанные проекты клиенту, получает правки и отрабатывает их. Чем проще этот процесс, тем меньше ошибок и лишней работы у всех членов команды.
Figma
Фигма — Google Docs в мире дизайна.
В Figma могут работать одновременно несколько человек. На тарифе Starter — не более 2 пользователей с функциями редактора. Все изменения автоматически сохраняются в облаке.
Это удобно тем, что все изменения и комментарии коллег видны сразу, не нужно пересылать друг другу файлы и хранить разные версии одного проекта.
Совместная работа команды над проектом в Figma
Photoshop
В Фотошопе может работать только один человек. Из-за этого возникают проблемы: файлы теряются, коллега может прислать неактуальную версию. У клиента может не быть Photoshop, чтобы посмотреть файл. Распределённой команде трудно организовать совместное обсуждение макета.
Получите профессиональный навык
Требования к компьютеру
Графический редактор должен работать быстро, без задержек. Если компьютер не отвечает минимальным требованиям редактора, то работа может затянуться.
Figma
Браузер: Chrome 58+, Firefox 57+, Safari 11+, Microsoft Edge 16+.
ОС для браузерной версии: Windows 8.1, MacOS 10.10 (Yosemite), любые ОС Linux и Chrome, которые поддерживают перечисленные браузеры.
Видеокарта:: Intel HD Graphics 4000, Nvidia 330m, ATI Radeon HD 4850.
ОС для десктопного приложения: macOS 10.11 (OS X El Capitan), 64-разрядная версия Windows 8.
Photoshop
Что выбрать
Дизайнеры всё чаще выбирают Figma. Но Figma не может полноценно заменить Photoshop. В ней нет многих возможности, которые нужны дизайнерам. Например, в Figma нельзя работать с растровой графикой. Поэтому верстальщику полезно знать оба редактора. Особенно тем, кто планирует работать с разными клиентами. Но осваивать одновременно два редактора трудно. Лучше выбрать один, разобраться в нём и постепенно изучать второй.
Figma подойдёт тем, кто хочет начать работать быстро прямо из браузера, в удобной среде, совместно с коллегами, при этом не платить за ПО. Про работу в Figma мы пишем в нашем блоге, например, «Старт в Figma для верстальщика», и рассказываем на курсах для верстальщиков в HTML Academy.
Дизайнеры всё реже делают макеты целиком в Фотошопе. Обычно с его помощью редактируют фоны, фотографии, коллажи и баннеры, а потом вставляют в макет в другом графическом редакторе. Поэтому выбирайте Фотошоп, если хотите работать со сложной графикой и готовы штурмовать громоздкий интерфейс, хранить несколько версий одного и того же проекта и оплачивать подписку.
Научитесь работать с Фигмой
Получите профессиональный навык «Экспорт параметров и графики из Figma»
Photoshop, Figma, Canva: что выбрать недизайнеру
Дизайн-студия «Логомашина» рассказывает, для каких задач подходят графические редакторы Photoshop, Figma и Canva и как они помогают в работе недизайнерам.
Чтобы сделать простое оформление для соцсетей или макет для поста в Instagram, предприниматели, маркетологи и контент-менеджеры часто находятся в поиске интуитивно понятных и простых графических редакторов. И натыкаются на Photoshop, Figma и Canva. Разберемся, какие задачи они помогают решить и как быстро их можно освоить.
Photoshop
Photoshop — многофункциональный и самый распространенный в мире дизайна редактор для работы с растровой графикой — изображениями, которые состоят из маленьких цветных точек — пикселей.
Это довольно сложная программа с непростым интерфейсом, но с большими возможностями для работы.
В Photoshop вы можете:
создавать статичные и динамичные баннеры для сайтов и постов в соцсетях;
обрабатывать и ретушировать фотографии: настраивать яркость, контрастность, корректировать внешность, менять фон и цвета деталей;
создавать обложки, меню, аватарки, иконки и другие элементы для групп в соцсетях или YouTube-канала;
находить готовые шаблоны на Adobe Stock, а потом в Photoshop их изменять под свою задачу;
наносить водяные знаки, которые используют владельцы сайтов или интернет-магазинов для указания источников и защиты авторских прав;
разрабатывать логотипы и фавиконы для брендов и компаний, а также макеты носителей — визиток, флаеров и листовок;
создавать по кадрам GIF-анимацию и видеоролики.
если в программе не установлены необходимые шрифты, проект откроется некорректно;
неудобно работать с векторной графикой: создание векторных иконок и кнопок занимает больше времени, чем в аналогичных программах;
для установки Photoshop есть определенные требования к компьютеру. К тому же приложение занимает много оперативной памяти, из-за чего ПК старых версий может тормозить.
Время адаптации
На изучение возможностей программы уходит от одной недели до нескольких месяцев. Конкретные сроки зависят от навыков, обучаемости, усидчивости и времени, которое человек готов уделять изучению программы.
Обучиться работе в Photoshop можно с помощью видеоуроков, репетитора или книг по освоению программы, например, «Photoshop CC для начинающих» Роберта Шаффлботэма или «Классические эффекты Photoshop» Скотта Келби. Но лучше учиться на практике: ставьте себе простые задачи, выполняя которые вы быстрее запомните назначение нужных кнопок.
Стоимость
Photoshop предлагает бесплатную пробную версию на семь дней. Ежемесячная подписка стоит 1622,40 рубля.
Знание программы позволяет не обращаться к дизайнеру за сложным макетом, а разработать его самому. Не забывайте следить за обновлениями сервиса, которые происходят почти каждый месяц.
В «Логомашине» дизайнеры используют Photoshop наравне с Illustrator при создании логотипов, работе с мокапами, а контент-менеджеры обрабатывают фотографии.
Figma
Даже с такими огромными возможностями, как у Adobe Photoshop, в решении специфических задач дизайнеры часто полагаются на Figma.
Это графический онлайн-редактор, в котором работают дизайнеры, UX-исследователи, контент- и проджект-менеджеры и другие представители digital-профессий.
Интерфейс Figma проще, чем у Photoshop, и специалистам не приходится долго гадать, что означает каждая кнопка. Пользователю доступны две рабочие области: графический редактор для непосредственной работы и менеджер файлов, в котором можно создавать проекты и изменять настройки профиля.
в реальном времени просматривать, комментировать и обсуждать правки с коллегами: как в облачном текстовом редакторе Google Docs, курсоры всех пользователей проекта окрашиваются разными цветами и подписываются;
разрабатывать интерактивные прототипы сайтов, интерфейсы приложений и элементы интерфейсов: иконки, кнопки, меню;
создавать векторные иллюстрации;
разрабатывать шаблоны для постов и stories, которые потом могут использовать в рекламе SMM-специалисты и менеджеры проектов;
работать в браузере или в десктопной версии, в Windows или в Mac.
так как Figma это командный онлайн-редактор, для совместной работы необходим интернет;
иногда случаются системные ошибки от перегрева, например, текст может не помещаться в макет. В такой ситуации следует сбрасывать настройки приложения;
возникают проблемы при импорте и экспорте файлов: при импорте сложные макеты открываются не совсем корректно, при экспорте вес файлов может увеличиться;
интерфейс редактора представлен только на английском языке.
Время адаптации
Figma стала приобретать популярность в digital-индустрии 2-3 года назад, но рынок уже перенасыщен онлайн-курсами по обучению в программе. Среднее время изучения Figma занимает от одной недели до двух месяцев.
Стоимость
Программа подойдет для совместной работы нескольких коллег как дизайнеров, так и недизайнеров, которые работают на удаленке и не всегда могут с глазу на глаз обсудить проект.
Дизайнеры «Логомашины» используют Figma для внутренних задач: разрабатывают универсальные редактируемые шаблоны для постов, баннеров для рекламы и историй, в которые контент-менеджеры потом вставляют текст.
Canva
Генеральный директор Canva Мелани Перкинс до того, как основала сервис, преподавала курс Adobe Photoshop для начинающих в университете. Наблюдая за тем, как поначалу студентам сложно дается работа в программе, она решила создать альтернативное приложение, которое должно было изменить подход к дизайну.
Когда дизайнеру нужно сделать крутую картинку, он использует свои знания, умения и профессиональные программы. Тем, кому тоже нужны картинки, но нет навыков, помогает Canva.
разрабатывать собственный дизайн или работать с готовыми шаблонами;
легко создавать анимированные посты для соцсетей, презентации, лендинги, открытки, визитки, иконки, плакаты, сертификаты, stories для Instagram;
интегрировать готовый дизайн с сервисом рассылки Mailchimp: для этого достаточно нажать стрелку «Опубликовать» в верхнем правом углу;
привязать аккаунт Canva к Facebook и Instagram, чтобы через приложение отправлять фотографии на публикацию в соцсетях;
предоставлять доступ к редактированию нескольким пользователям.
Canva не умеет работать со слоями и цветами, как Photoshop или Figma;
текстовой редактор поддерживает мало шрифтов на русском языке;
нужен быстрый интернет и мощный ПК для качественного автосохранения;
популярные шаблоны и элементы дизайна Canva часто попадаются у других компаний, что видно невооруженным глазом.
Время адаптации
Научиться работать в Canva можно за 10-15 минут благодаря довольно понятному интерфейсу. Регистрация требует 30 секунд, шаблоны разделены на блоки: «Презентация», «Анимация», «Публикация» и подобное.
Стоимость
Можно работать бесплатно, но с ограниченными шаблонами и возможностями. Бесплатный доступ к премиум-версии действует 30 дней, после чего списывается плата — 899 рублей в месяц за человека или 7990 рублей при годовой оплате.
С Canva чаще всего работают начинающие дизайнеры, маркетологи, блогеры или те, кому просто не хватает времени на освоение многофункциональных интерфейсов.
К примеру, вам нужно сделать простейшую графику для соцсетей: фон + текст и два-три контрастных цвета. Вы заходите в Canva, выбираете готовый шаблон, за пару кликов меняете текст, шрифт, цвет и детали под свою задачу и сразу публикуете это Facebook или Instagram.
Подводя итоги
Мы рассказали о программах, которые довольно популярны в индустрии дизайна и имеют свои плюсы и минусы.
Каждый из этих сервисов поможет как в выстраивании работы с дизайнером, так и в самостоятельном создании визуала для своих проектов, когда роль дизайнера ложится на ваши плечи.