Существует множество сервисов по разработке дизайна и прототипирования: Sketch, Adobe Illustrator, Adobe Photoshop, Axure и другие. Однако первое место в этом списке уверенно занимает Figma.
В статье разбираемся, почему она завоевала сердца UX/UI-дизайнеров, и рассказываем, как начать обучение, если вы раньше не пробовали работать с графическими редакторами. А для самых нетерпеливых сразу же оставляем ссылку на бесплатный курс :)
Что такое Figma
Figma — графический редактор, с помощью которого можно создавать прототипы сайтов и приложений, баннеры, презентации, векторные изображения.
Прототип — это черновой вариант интерфейса, который помогает визуализировать идею и требования, а заодно протестировать, как всё это будет смотреться. По черновику разработчики создают готовый продукт.
Инструменты прототипирования необходимы UX- и UI-дизайнерам, чтобы создавать удобные и красивые интерфейсы, разрабатывать понятную структуру, подбирать визуальный контент, шрифты, значки, цветовые схемы.
В чём преимущества Figma
Установка и скорость работы
Фигма доступна для всех: её можно запустить прямо в браузере, создать аккаунт и начать творить. Для работы можно использовать и приложение. Оно не требует больших мощностей компьютера: установить его можно даже на планшет.
У многих редакторов — например, у Photoshop, — тоже есть онлайн-версии. Но Фигма быстрее и не подвисает при выполнении каких-то действий или операций, потому что не так требовательна к ресурсам компьютера.
Интерфейс
У Figma и Sketch он достаточно простой и интуитивно понятный. Интерфейс Photoshop же перегружен инструментами, панелями и вкладками. В таком обилии информации новичкам легко потеряться.
Технические преимущества
В Figma удобно работать с векторными изображениями и просто экспортировать отдельные элементы. Кроме того, пользователям открыт доступ к библиотеке Google Fonts, в которой содержится более 800 шрифтов.
Совместная работа
Figma — это как Google Docs, только для дизайнеров: над одним проектом здесь могут работать одновременно несколько человек. Все изменения, правки и комментарии видны сразу, их не нужно отправлять по почте друг другу, что сильно упрощает работу.
В Photoshop и Sketch возможности работать одновременно над одним файлом нет. Дизайнеры работают отдельно друг от друга и обмениваются макетами, загружая их в облако или отправляя по email. Как итог — выше риск потерять файлы, перепутать сохранённые версии проекта и прислать коллегам не тот вариант.
Конечно, важно понимать, что при всех своих преимуществах Figma всё равно не сможет полноценно заменить другие редакторы. Например, этот сервис не подходит для работы с растровой графикой.
Как начать изучать Figma
В идеале UX/UI-дизайнеры должны уметь работать в разных редакторах, но сразу их все освоить трудно. Лучше выбрать один, разобраться в нём, а потом приступать к изучению другого инструмента. Figma идеально подходит для новичков.
В сети содержится много обучающих роликов и статей по работе с Figma, однако потребуется много времени, чтобы структурировать знания. Можно пойти более простым путём и записаться на курсы.
Бесплатный онлайн-курс «Основы Figma» научит работать в редакторе с нуля и поможет на практике освоить базовые инструменты: тексты, сетки, маски, компоненты. Вы сможете попробовать свои силы в UX/UI-дизайне и понять, подходит ли вам эта профессия.
Преподаватели-практики с удовольствием поделятся своим опытом и кейсами. Вы создадите макеты сайта и изображения для соцсетей и сможете включить эти проекты в своё портфолио.
Переходите по ссылке, чтобы познакомиться с программой курса и сделать первые шаги в дизайне. Мы ждём вас.