Обо мнеИзбранное

Figma. С чего начать?

Наверняка вы уже слышали и читали о Фигме, но еще не используете ее как основной инструмент. Figma — инструмент дизайнера, который заточен на работу с визуализацией интерфейса и графическим дизайном. Фишка Фигмы в одновременной коллективной работе над одним проектом и открытым API. Коллективная онлайн работа может здорово облегчить коммуникацию с заказчиком или командой удалённо.

Я сам в рядах интересующихся Фигмой и майские праздники — подходящее время познакомиться с инструментом поближе. В работе с визуализацией интерфейса я использую Sketch, и сейчас не буду говорить о его недостатках, они есть у любого инструмента.

Почему стоит потратить время на знакомство с Фигмой?

Скетч и Фигма сейчас — Mac VS PC или iPhone VS Android, а это значит, что компании с выстроенными процессами дизайна с большой вероятностью используют один из этих инструментов. Есть еще Adobe XD, но в роли догоняющего, Photoshop тоже еще в ходу, но в продуктовых командах, работающих по Scrum уже вряд ли используется. Компании выбирают инструмент исходя из внутреннего решения команды, а оно может базироваться на процессах, проектах и массе других параметров. Поэтому, как правило, нельзя прийти в сложившуюся команду и использовать или навязывать команде свой инструмент, как правило вам придется разбираться в инструменте в боевом режиме. Поэтому полезно изучить инструмент заранее.

Если у вас есть возможность самому выбирать инструмент работы над проектом, то заранее обговорите это с заказчиком и командой. Помните, что любое изменение в процессе или инструменте может привести к потере времени = денег, за которое заплатит компания или команда, в случае аутсорса разработки может заплатить и клиент.

Почитать

Своим опытом работы в Фигме не могу поделиться, единственное что я в ней сделал, помимо заданий из уроков — иллюстрация к этому посту, затраченное время — 5 минут. Делюсь с вами материалами, которые я нашел для изучения Фигмы.

Саша Окунев написал «Руководство по Figma» опубликованное на /designer. Я читал beta версию книги 1.2, в ней 256 страниц, но на самом деле ее можно прочитать за несколько часов. Книга хороша как для новичков, так и для пользователей Скетча, описаны схожие функции и их различия в обоих программах. Думаю, что Саша ещё будет дописывать некоторые главы, но учитывайте, что в момент появления книга уже устарела. Поэтому актуальную информацию ищите в первоисточнике — описание релизов Фигмы. А еще довольно регулярно выходят статьи в блоге продукта.

UX Tools провел опрос среди 2 775 респондентов из разных стран и опубликовали результаты 2018 Design Tools Survey. Фигма оказалась в списке инструментов, которые большинство респондентов хотело бы попробовать в 2019 году.

Одно из последних сравнений основных функций Figma, Sketch и Adobe XD на момент написания поста от Smashing Magazin. В конце сравнения полезные ссылки на лайфхаки в продуктах.

Посмотреть

В дополнении к книге «Руководство по Figma» советую посмотреть «Подробный курс по Figma» записанный Романом Гореликом на канале Наука Дизайна. В роликах многое повторяется, но есть и множество дополнений, которых нет в книге. Рекомендую смотреть ролики на скорости 1.5, воспринимать контент комфортно и сэкономите порядочно времени.

Заключение

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

Если у вас есть еще дельные ссылки по Фигме, кидайте в комментарии, думаю не одному мне будет интересно.

Поделиться
Отправить
Запинить
 20   2 мес   Figma   Sketch
2 комментария
Рома 2 мес

Михаил Озорин вчера написал твит со списком функций Фигмы, которых ему не хватает, относительно плагинов Скетча

Рома 2 мес

Почитайте сравнение Скетча и Фигмы в боевых условиях, публикация на осень 2018. Учтите задачи автора, некоторые перечисленные минусы могут никак не относиться к вашим процессам или проекту, так же и плюсы могут быть вам совершенно бесполезны.

https://uxplanet.org/ux-highlights-of-figma-2d2aa9d510e8

Популярное