SLINKOV•Design

В какой программе делать презентацию? Сравниваем Figma, PowerPoint, KeyNote, Prezi и Google Slides

Автор: Дмитрий Слиньков, июнь 2020
Photo by Alex Litvin on Unsplash
Казалось бы, ответ очевиден — «Поверпоинт»! Но есть и другие инструменты. Да и само понятие «презентация» сегодня изменилось практически до неузнаваемости.
Поддержка и развитие Вашего сайта
Из князи в грязи
Много лет назад меня чертовски выбешивало хроническое нежелание дизайнеров моей компании изучать PowerPoint. Многие были авторитарно уволены за это. А новые не наняты. Потому что на вакансию «дизайнер с прямой обязанностью работать в PowerPoint» откликнулось всего лишь... 0 кандидатов.
И вот недавно я прошел обучение по программе «сначала помой тарелки, побегай официантом с месяцок, и только после этого подавайся в метрдотели». То есть, чтобы понять почему мы не растем на 95% в месяц, я решил изучить Figma и еще штук 15 дисциплин, навыков и сервисов. При чем, изучал я их прямо в бою, прямо на живых клиентах, работая на равных с остальными членами команды. Надо мной, собственником компании, даже появились менеджеры.
Зато теперь я могу подробно объяснить всем «за» и «против» того же PowerPoint и других инструментов разработки презентаций. И немаловажная деталь — эксперимент позволил мне освоить новую профессию, которая стопроцентно поднесет мне в старости стакан воды, «если чо»!
Плюсы / минусы PowerPoint
У PowerPoint есть масса «скрытых» возможностей. Его ведь никто толком-то и не знает. Для дизайнеров он — ниже их достоинства. Для клерков — … тоже ниже))
Вот давайте протестируем вас. Знаете ли вы, что PowerPoint может:
— Удалять фон с фотографий? Со скрипом и бубнами, но может.
— Встраивать шрифты в конкретную презентацию? На случай, если у того, кому вы эту презентацию отправили, не будет нужного шрифта.
— Организовывать такую трансформацию между слайдами, от которой захватывает дух? На минуточку, прототипирование 3d-эффектов для наших заказчиков мы делаем в PowerPoint.
Да много еще чего может старый-дбрый редактор презентаций от Micrisoft.
Да, он тормозит даже на MacBook Pro. Да, у него чудовищные баги в работе с цветовыми палитрами. Но причина его опалы в глазах дизайнеров немножечко в другом. Фотошоп, Figma, Sketch, InDesign… Они лежат в некой единой дизайнерской парадигме. Изучая какой-либо лайфхак, вы можете просмотреть ролик про Фотошоп и потом запросто применить полученные знания в Фигме. Но PowerPoint при этом стоит таким особняком, что… полученные о нем знания пригодятся… ну разве что в KeyNote и немножечко в Prezi.
Плюсы / минусы KeyNote
KeyNote работает весьма шустро. В нём можно делать всякие микро-видео и гифки. Анимации в нём — выше всяких похвал. Скоро накидаю тут примеры — всё это сделано в KeyNote.

Недостатки?
Его фукционал, конечно же, не так богат, как PowerPoint-овский. Раздражает то, что из KeyNote нельзя сохранить рисунок! Один клиент недавно пожаловался на то, что для него какой-то дизайнер-фрилансер сделал презентацию портфолио в «модном» KeyNote. И только после расплаты и благополучного исчезновения фрилансера выяснилось: всё, что попало в KeyNote, должно, по замыслу его создателей, оставаться в нём навечно!
Кстати, Google Docs и Google Slides обладают такой же выбешивающей фигнёй!
«Конечность» Google Docs
Когда я пишу пост в Гугл Доксе, вынужден к уже вставленным картинкам добавлять Dropbox-ссылки на те же самые картинки. Ведь когда контент-менеджер начнет готовить пост к публикации, ей понадобятся исходники картинок. Тыкнуть правой кнопкой мыши на картинку в Google Docs-файле и сделать Save As невозможно! Но! Даже тут мы нашли воркэраунд: картинку нужно сохранить в Google Keep. А уже оттуда она запросто сохраняется на диск. Согласен, слишком много знаний в нас вгружает Digital!
«Крутость» Google Slides
Когда клиенты, партнеры, друзья просят помочь с поиском инвестиций, я первым делом предлагаю им изучить Google Docs, Slides и Sheets в связке. Это нужно для того, чтобы при каждом изменении финансовой модели все основные цифры отражались бы в вашей презентации автоматически.
Более подробно об этом мы рассказываем на курсе «Веб-дизайн для предпринимателей», как ни странно))
Плюсы Figma
А что такое Figma?
Кто-то сказал, что Figma — это как Google Docs только для дизайна. И еще такое есть: Фигма — это коллаборативный, ограниченный Фотошоп.

История: один клиент прислал нам на переделку 100500 слайдов, которые были формально в pptx, но представляли собой по одному единому png на каждой странице. И всё. То есть, их откуда-то явно экспортировали. Откуда? Ответ был весьма раздраженным: «один мальчик так сделал».
Почему-то, на старости лет, я думал, что в бизнесе буду конкурировать с зубрами и мастодонтами. А получилось, что в 80% случаев конкурирую с «мальчиками» и «девочками». Ну не суть. Заказчику понадобилось заменить в презентации ни много ни мало, а фирменный стиль. «Сможете как-то это всё хакнуть и чтобы в итоге презентация была редактируемая?» — спросил заказчик.
Конечно сможем! Просто сядем и перерисуем всё с нуля. Но надежда на чудо еще тлела. «Спросите, — говорим, — у вашего фрилансера: в чем он это делал». Оказалось, что мальчик во-первых никуда не исчез, что само по себе почётно. А во-вторых, он прислал нам ссылку на проект в Фигме, где все эти слайды и были отрисованы.
Эта история окончательно привела меня в Figma. Помучившись с ней пару карантинных месяцев, я готов представить вашему вниманию перечень «За» то, чтобы презентации делать в Фигме:
Коллективная работа
Нет ничего круче онлайн-взаимодействия при разработке презентации. Казалось бы, Google Slides тоже это может… Ан нет… в купе с возможностями вести массу версий-веток на одном большом экране, Фигма вырывается далеко вперед. Ну и про «тупиковость» картинок Гугла тоже не забываем.
Знаете, есть такие дизайнеры (их 99%), к которым садишься рядом, формулируешь замечания... А они начинают тут же при тебе все исправлять. Получается оценочная диспропорция. Типа, его работа несколько дней — это размеренное творчество. А учёт моих замечаний — это раз-два и вот, на тебе, подавись. В общем, поскольку я истый стадный интроверт, мне нравится то, что теперь я могу не сидеть рядом и браковать дизайны, не выходя из дома.
Вложенные группы и фреймы
Теперь я понимаю почему уходили мои дизайнеры. Я заставлял их из BMW пересаживаться на SsungYong.

Стили
Если вы когда-либо пытались запомнить / поменять / настроить цветовые палитры в pptx, вы знаете какая это боль. Я, например, очень быстро нахожу в любом раскрученном софте ветку, которую оставили на откуп каким-нибудь племянникам основателей. Настройку палитры в PowerPoint-е явно поручена безмозглому мажору, не вылезающему из подпольных клубов.

Скорость
То, как «зум-инится» Фигма простым щепком по тачпаду, подвластно сегодня разве что KeyNote. Знаете что я называю «эффектом Фигмы»? Привыкнув к её удобствам, ты возвращаешься в любой «традиционный» тул, привычно раздвигаешь пальцы на тачпаде, чтобы быстренько приблизить какую-нибудь крохотную иконку... И компьютер зависает на мучительные 2-3 секунды.

Шорткаты
У меня в кабинете на стене висят распечатки горячих клавиш всех основных пакетов, с которыми я работаю: Evernote, Google Docs, Scrivener, Bear, Screenflow, Tilda... Но поскольку я там, на рабочем месте, почти не бываю, нифига эти шорткаты не запоминаются. По ним же нужен поиск. Можно (и я это сделал!) закачать пожухшие от солнца страницы в Evernote и там уже по ним будет поиск. Но в Фигме всё иначе! Подсказки по горячим клавишам отделены от общего хелпа и очень хорошо рубрицированы между собой.
Знаете, когда я дизайню на MacBook Pro, дочка стоит рядом и зависает. Это непередаваемое ощущение. Почти не двигая пальцами, создавать дизайн. Мммммм!

И это… вы думаете у Figma нету минусов? Конечно есть! Пока что больше всего напрягает то, что изобилие халявных psd-шаблонов пролетает мимо нас. Ибо конкуренция с конкурентами допускает в глазах Фигмы совместимость по файлам только с пакетом Sketch.
А конкурентов-то у Фигмы много:
Sketch
Adobe XD
ProtoPie
Mockplus
InVision Studio
Framer
Lunacy
Gravit.
Плагины Figma
Я не помню как я без неё жил — без Фигмы этой. Наверняка влачил. А теперь…
Я в ней делаю коммерческие предложения, ментальные карты и даже… алтайский борщ!
А если серьёзно, то Figma, конечно, сильна своими плагинами. В качестве иллюстрации этой силы, просто перечислю какие именно плагины использую сам.

Мои плагины:
Bibbble — вставка UI/UX скриншотов с популярных сайтов. Поскольку все мы быстро и наверняка прилипаем к экранам больших и малых гаджетов, часто приходится делать презентацию для смартфона со скриншотами смартфона, на которых изображен другой смартфон со своими скриншотами. Данный плагин позволяет получить порцию вдохновения и дозу первоклассного дизайна интерфейсов.

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

Charts, Datavizer — примочки, помогающие очень быстро сварганить в презентации стильные графики.
Плагин Datavizer
Table Paste — вставлятель таблиц. Вы никогда запихивать таблицы куда-либо не пробовали? Так, чтобы с первого раза и красиво. Нет? Теперь, с таким плагинчиком, можете начинать!

GetWave — сгенерирует красивую волну. Плавную или угловую, как вот на этом слайде:
Волна сгенерированная машиной
Remove BG — это вообще бомба IMHO. Натравляешь его на фоточку и он, с помощью AI, вырезает из неё нафик фон! С энтим AI я за наших внуков спокоен!

И да, не забываем: мы тут собрались по поводу презентаций. Так что, встречайте самый в этом смысле супер-пупер плагин Pitchdeck Presentation Studio!
Скрещивание Figma и PowerPoint
Pitchdeck Presentation Studio — лучше посмотреть видео со ссылками.
Всё очень просто: создаёте презентацию в Фигме и затем парой-тройкой кликов превращаете её в pptx-файлы. Но только не сплошными нередактируемыми картинками, как это сделал горе-фрилансер в кейсе выше, а полноценно. То есть, каждая картинка экспортируется, как отдельная картинка. А каждый текст экспортируется (о, шайтан арба!), как текст.
Так что, рисовать всё можете в Фигме (как это делаем мы), а результат передавать своим заказчикам в PowerPoint-е (как и это мы втихаря делаем). Чтобы заказчик ваш мог спокойно в авральном режиме поменять в продающей презентации всё, что душе его угодно.
Кстати, Pitchdeck Presentation Studio переносит из Фигмы в pptx и анимации тоже! Да-да, в Figma есть режим проектирования интерфейсов, с помощью которого мы и создаем там базовые анимации.
Pitchdeck Presentation Studio
Как превратить слайды Figma в слайды PowerPoint парой кликов
WARNING: плагин этот, сука, очень платный. Но он того, сука, стоит!
Что нужно, чтобы освоить Figma
Хелп.
Телеграм-канал.
YouTube — просто вводите запрос, какой хотите. Типа: «Figma Mockups». Я так и учился. А уж сколько еще насохранял всего для просмотра…

Кстати, редактор Zero Block конструктора сайтов Tilda Publishing очень-очень похож по идеологии и UX-у на Фигму. Так что, если вы знаете Тильду, «Гугл докс для дизайнеров» просто обязан покориться вам достаточно быстро.

Да, и обязательно, на первом же свидании с Фигмой, установите и сипользйте её десктопное приложение!
Чек-лист выбора инструмента презентаций
1. Вас увлекает дизайн презентаций?
2. Вам не нужны сложные трансформации объектов?
3. Вам нужна ветвистая версионность презентаций? Это когда требуется содержать на одном холсте по несколько вариантов одного и того же слайда.
4. Вам не нужны сложные анимации?
5. Вы просто любите тестировать всё новое, чтобы двигать прогресс и не задвигать самого себя в пыльный чулан ретроградов?

Если на 4 из 5 этих вопросов вы ответили утвердительно, делайте презентацию НЕ в PowerPoint.
Все-таки нужен PowerPoint дизайнеру или нет?
Кто-то перефразировал знаменитую фразу из «Москва слезам не верит»: «Ничего не будет. Ни гаджетов, ни школ, ни Интернета, ни телевидения — один сплошной дизайн».
Да, мы все должны стать дизайнерами. Набирающее сегодня обороты креативное лидерство и тенденция T-shape диктуют нам с вами такую необходимость. Даже страшно представить: сколько стоило раньше нанести текст на картинку. Целая группа не самых глупых человек «работали» над этим элементарным действием часа по 2-3! Потом, с чувством выполненного неэффективного креатива, шли домой. А зарплата капала.

Дописывая эту статью, спустя две недели после первого наброска, вдруг ловлю себя на мысли: за это время я все-таки много раз открывал PowerPoint. Например, для того, чтобы быстро среагировать на такой запрос от потенциального клиента: а покажите-ка мне в 3d как могут выглядеть аналитические данные. Я бы мог взять для этого Prezi, но она, кажется, окончательно отказалась работать с кириллическими символами. Можно открыть Cinema 4D, но это долго. Остаётся одно: быстренько сварганить анимированные трансформации в старом-добром PowerPoint-е. Ну нету в Фигме такого чуда пока, не идеальная она))

PS
Вы прочитали абсолютно субъективный обзорчик Figma глазами ни разу не дизайенера предпринимателя. Чтобы было с чего начинать, мы здесь, на этом сайте, публикуем всякие интересные уже готовые для работы и бесплатного использования наборы графических объектов и целые системы проектирования. Например, для UI таблиц. Заходите на наш ресурс Downloads, регистрируйтесь и вперед — вся база «предпирнимателя-маркетолога» к вашим услугам для скачивания.
***
Если вы сделаете репост этой статьи и докажете мне сам факт этого репоста, я подарю вам свою книгу «Охота на данные».

Мои истории в
Телеграм-канале или в «рассылке для своих».

Да! И есть еще закрытая фб-группа «Маркетинг инноваций». Стучитесь — я открою!