Harder. Better. Faster. Figma

by lentin.design
Harder. Better. Faster. Figma

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

Я не стану перечислять прелести фигмы. Для этого можно просто зайти в их блог и самому изучить. И да, он на английском. Так что если ты не понимаешь шо там пендосы пишут, то как бы 🤷🏻‍♂️

Ну и нахуя ты снова мусолишь фигму?

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

Допустим, в макетах у вас есть один и тот же элемент. Например, кнопка. Вы можете сделать из неё символ и использовать. Зачем так делать? Потому что, если вы исправите эту кнопку, то она исправится и в других местах. Удобно. Но пока я использую это не так часто. Так как абсолютно одинаковые элементы встречаются не так часто. Вероятно, скоро для этого что-то придумают.

— Цитата из той самой статьи.

Когда я ее впервые прочел, то просто охуел от прогресса! Какое удобство! И артборды, и символы. Сейчас этим никого не удивишь, и очень странно видеть софт для создания интерфейсов, в котором из фич только эти самые артборды и символы (ну ты понял, о чем я, да?).

Наделав первых хуевых велосипедов в люстре, в 2015 году я открыл для себя скетч. И ЭТО БЫЛО ПРОСТО ОХУЕННО. В нем есть артборды и символы, а еще по сравнению с люстрой там было нереально удобно делать несложные иконочки, вкладывать их в символы нескольких уровней. В скетче было удобно работать со стилями текста, а еще через какое-то время появились плагины, которые просто перевернули игру, как это сделал и pharaoh.

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

Безусловно, когда из ниоткуда появляется охуенный продукт, завоевывающий сердца всего прайда 🏳️‍🌈 дизайн-сообщества, вокруг него начинают появляться псины, тоже желающие куснуть дизайнера за его и так уже худой бок. И порой очень нелепо это выглядит от левиафанов индустрии, вроде не очень известной компании Adobe.

Че за вода? Неси преколы про фигму!

Ой, и действительно. Спасибо, пошел на хуй 🖕🏻

В какой-то момент, когда я достаточно уверенно тыкал в скетч и иксди (ой блять), ко мне пришел клиент, которому нужна была мобильная версия сайта. Я с радостью сделал бы все в скетче, но во-1 иди нахуй во-первых, верстала работает из-под винды, а во-вторых 80% времени на тот момент мне тоже приходилось работать из-под винды... А так как в студии, где я работаю, в ходу адоби иксди (ой блять), то выбор пал на него. Более того, прототип мобилки/планшета я все-таки закончил в иксди.

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

Все дело в том, что иксди — залупа полная, и для хоть сколько-нибудь крупного проекта совершенно не подходит из-за своей сырости, упора на необоснованный минимализм импотенцию в функционале, который влечет за собой отсутствие масштабируемости проекта. Короче блять, для пяти трехцветных экранов без хитровыебанной графики — иксди заебись, прям ништяк. Шотик там на дрибббл сделать, для Daily UI. Но пилить серьезный, разрастающийся проект, с кучей различных элементов интерфейса, будет только недалекий аутист, которому и в фш норм приложенки рисовать.

Итак, стоило бутылочному горлышку оторваться от моего сфинктора, как в голову на полном ходу влетела мысль: «Так ведь есть же фигма!»

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

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

И это все преколесы?

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

Как ты догадался, я сразу сказал, что будем работать в фигме.

— А что это?– спросил клиент.

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

Мы продолжаем работать над проектом, релиз будет, скорее всего, осенью. Я обязательно расскажу обо всем после релиза, а WIP ты можешь побачить в моем дрибле. Ссылку выше найдешь.

Так это не преколесы, это фичи, про которые ты не собирался говорить

Ну просто я напиздел, а ты повелся. Ха.

Чем проект больше, тем сильнее себя оправдывает фигма. Недавно ко мне пришла задача редизайна личного кабинета. Как ты уже понял, я сказал клиенту что ебал фотошоп в рот и работать мы будем в фигме. Во время работы над проектом ребята из фигмы выкатили апдейт — Figma 3.0. И тут уже кайфанули все: и я, потому что проще стало работать со стилями текста/цветов, и клиент, потому что появились фиксы/скроллы элементов и рамки девайсов в режиме прототипа. Верстальщикам на этот апдейт в целом было похуй, они продолжают кайфовать от работы в фигме.

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

Это значит, что ты будешь экономить и свое время, и время клиента. Может быть, ты даже станешь сексуальнее, но это вряд ли.

Понятно. Преколесов не будет

Конечно. Преколесы — это довольные клиенты, которые не знали про пиздатый инструмент. Им похуй на фишки и преколесы, которыми ты пользуешься, когда делаешь их продукт. Но им не похуй, когда они могут посмотреть на твои ваяния, просто перейдя по ссылке. А если им что-то не нравится, то они в два клика могут оставить комментарий касательно того, какой ты хуесос и проебщик их денег/времени. Ну или какой ты красавчик, такое тоже возможно.

В общем, сегодня ты узнал много очень нового и очень много нового. Не сдохни рано.

July 1, 2018
Опыт
Дизайн