Как перенести презентацию из фигмы в повер поинт

Обновлено: 30.06.2024

Вчера я получил долгожданное приглашение потестировать многообещающий редактор презентаций Pitch. Если вкратце, то приятно удивлен, но обо всем по порядку.

Первый ролик с демонстрацией Pitch опубликовали 5 месяцев назад.

Если вы совсем не в курсе, что за Pitch такой, посмотрите этот минутный ролик, чтобы нам не тратить время на описании функций из продуктового видео. К тому же коллаборироваться мне не с кем – в 9 из 10 случаев я работаю один.

Основатели: Christian Reber, Adam Renklint, Vanessa Stock, Charlette Prevot, Misha Karpenko, Eric Labod, Marvin Labod, Jan Martin

Управленцы: Christian Reber (CEO), Adam Renklint (CTO), Philipp Hartmann (COO), Thom Cummings (CMO), Vanessa Stock (VP People)

Дата основания: 5 января 2018 года

Всего сотрудников: 72

Инвестиций привлечено на $50 млн

Среди инвесторов Eric Yuan (Zoom), Kevin Systrom и Mike Krieger (Instagram), Koen Bok (Framer), Andrew Wilkinson (MetaLab), Simon Willnauer (Elastic).

Мой обзорчик не претендует на объективность и экспертность. Я всего лишь делаю презентации для всяких там корпораций и брендов на протяжении последних 5 лет и делюсь своим опытом в телеграм-дневнике. Да и Pitch пока в самом начале пути. Однако, в отличие от большинства аналогов PowerPoint, уже сейчас в сервисе можно увидеть несколько перспективных фич. О них и поговорим.

Pitch работает в браузере, также доступно настольное приложение для Win/Mac.

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

В Pitch решают проблему так: вы заранее задаете цветовую тему, шрифты, стили текста (заголовок, подзаголовок и т.д) и то как они будут применяться к таблицам, диаграммам и фигурам.

В режиме создания презентаций заданный стиль менять нельзя. Например, Когда вы создаете текстовый блок, вы выбираете один из пяти стилей: Заглавие, заголовок, подзаголовок, обычный текст и мелкий текст. И это здорово. Создать визуальный бестиарий так практически невозможно.

Одна из самых бесючих частей создания качественной презентации – бесконечное выравнивание объектов между собой и относительно слайда. Пресловутая свобода верстки создает уйму трудностей недизайнерам.

В Pitch придумали весьма изящную функцию. Выделите объект 1, зажмите Cmd (Ctrl), потяните на объект 2. Если размеры объектов одинаковые, то вы легко поменяете их местами. Работает с картинками, фигурами и текстами.

Выделите объект 1, зажмите Cmd (Ctrl), потяните на объект 2. Если размеры объектов одинаковые, то вы легко поменяете их местами.

Еще есть функция Tidy (опрятность, аккуратность). Выделяете несколько одинаковых по размеру объектов, нажимаете на кнопку Tidy (или на пробел) и все выстраивается в одну линию. К сожалению, только в горизонтальную или вертикальную. Расстояния задаются автоматически. Далеко не BrightSlide, но идея очень здравая.

Выделяете несколько одинаковых по размеру объектов, нажимаете на кнопку Tidy (или на пробел) и все выстраивается в одну линию.

Шаблоны хороши. Крепкий современный дизайн: актуальные шрифты (Google Fonts), модная верстка, трендовая графика. На мой взгляд, есть небольшой уклон в сторону питчей и презентаций идей. Когда я работал в BBDO, идеи презентовали примерно таким образом. Крупно пишется месседж, потом сценарий для ролика, потом мудборд, концепция, рендеры и т.д. На момент публикации доступно 24 шаблона.

Можно сказать и так. От Figma здесь заточенность на онлайн, совместную работу, общий доступ к файлам, а также стремление выкинуть все легаси, сосредоточившись на современных нуждах при создании презентаций.

Pitch очаровывает своим UX и UI. На стартовом экране вас встречают две небольших инструкции в виде презентаций. По мере чтения можно сразу пробовать то, о чем написано.

В интерфейсе есть аналог Spotlight: поиск по презентациям и быстрый запуск функций сервиса.

Чувствуется, что разработкой занимаются люди в теме. Например, при вставке изображения вам предложат поиск на Unsplash и Giphy. Объектам можно сразу задать симпатичную тень. Удобно и просто регулируется межстрочный и межбуквенный интервалы. Удобные горячие клавиши.

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

Если вы заменяете картинку, она сразу принимает размеры и форматирование заменяемой. В PP вам пришлось бы заново кадрировать, подгонять размеры, применять цвета.

Заменять изображения в Pitch очень легко: все происходит практически само собой.

Pitch ни разу не альтернатива PowerPoint. Последний позволяет делать практически что угодно с контентом, а не только удобно его компоновать. За это пользователи расплачиваются громоздким интерфейсом и той особой неповоротливостью программ из прошлого века.

Многое в Pitch делается в разы быстрее, в интерфейсе нет ничего лишнего, а пользователь настолько ограничен в форматировании, что создать презентацию не в стиле практически невозможно. Такова жизнь: либо ограничения, простота и удобство, либо свобода со всеми вытекающими.

Pitch – решение исключительно командное и нишевое. Если у вас есть нормальный дизайнер, а лучше дизайнер + иллюстратор, и ваша команда презентует идеи, стартап или несложные отчеты, то работа в Pitch может стать для вас откровением.

Дизайнер задает стили и модифицирует шаблон, иллюстратор рисует картинки, остальные собирают презентацию в современном и удобном редакторе. Все это в реальном времени, в облаке, да еще с возможностью создать библиотеку из презентаций.

В целом, я был настроен скептически. Проведя в Pitch несколько часов я оттаял. Сервис сделан с любовью и профессионализмом. От фундаментальных принципов до мелких рутинных задач, всюду замечаешь продуманность и основательность.

P.S. Если чего упустил, спрашивайте в комментах, проверим.

Хорошую вещь фигмой не назовут

Я тоже вчера получил инвайт. Попользовался и. остался разочарован. На сколько всё выглядело красиво и идеально на лендинге, на столько же внутри всё получилось обычно и скучно.

Убери из интерфейса заготовки 3D-иллюстраций и шаблоны слайдов — останется пустота. Коллективная работа есть и в PowerPoint, и в Keynote. Интеграция с Unsplash — идея на поверхности, как по мне.

Мне как UI-дизайнеру интерфейс показался недостаточно плавным. Особенно расстроило отсутствие возможности создавать анимацию внутри слайда и между ними. «Волшебный сдвиг» в Keynote по-прежнему считаю одним из лучших, что сделали в этой теме.

Pitch — это не Figma для презентаций. В фигме при наличии рук и чувства стиля создавать неповторимые и крутые решения. Pitch — это Tilda для презентаций. Сервис не позволит сделать «очень плохо», но и «очень хорошо», боюсь, тоже не получится. (Тильду на zero-блоке не учитываем).

KeyNote работает весьма шустро. В нём можно делать всякие микро-видео и гифки. Анимации в нём — выше всяких похвал. Скоро накидаю тут примеры — всё это сделано в KeyNote.

Недостатки?
Его фукционал, конечно же, не так богат, как PowerPoint-овский. Раздражает то, что из KeyNote нельзя сохранить рисунок! Один клиент недавно пожаловался на то, что для него какой-то дизайнер-фрилансер сделал презентацию портфолио в «модном» KeyNote. И только после расплаты и благополучного исчезновения фрилансера выяснилось: всё, что попало в KeyNote, должно, по замыслу его создателей, оставаться в нём навечно!
Кстати, Google Docs и Google Slides обладают такой же выбешивающей фигнёй!

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

А что такое 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.

Вы можете импортировать в презентацию содержимое из других программ. К ним относятся файлы, созданные другими программами Microsoft Office, а также файлы из других программ, поддерживаюющих связывание и embedding объектов (OLE).

Примечание: Содержимое можно вставлять только из программ, поддерживаюных OLE и установленных на компьютере. Чтобы узнать, какие типы содержимого можно вставлять, на вкладке "Вставка" в группе "Текст" нажмите кнопку "Объект". В окне "Вставка объекта" перечислены типы объектов, которые можно использовать.

Вставить объекты содержимого в презентацию PowerPoint можно двумя способами:

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

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

Связывать или встраить содержимое, скопированные из другой программы

В программе, которая не является PowerPoint, выберите и скопируйте сведения, которые нужно вставить как объект.

В PowerPoint щелкните в том месте, где должен отображаться объект.

На вкладке Главная в группе Буфер обмена щелкните стрелку под кнопкой Вставить и выберите команду Специальная вставка.

В диалоговом окне "Специальная влка" сделайте следующее:

Чтобы вировать данные как связанный объект, щелкните ссылку "Вировать".

Чтобы вировать данные как внедренный объект, нажмите кнопку "Вировать". В поле "Как" щелкните запись со словом "объект" в названии. Например, если вы скопировали данные из документа Word, щелкните объект документа Microsoft Word.

Примечание: Если выделение очень небольшое, например несколько слов из документа Word или числа из ячейки листа Excel, может не потребоваться сохранять его как объект. В этом случае выберите один из вариантов, доступных в поле "Как", или вните содержимое напрямую.

Щелкните слайд, куда вы хотите разместить объект.

На вкладке Вставка в группе Текст нажмите кнопку Объект.

В поле "Файл" введите имя файла или нажмите кнопку "Обзор", чтобы выбрать его из списка.

Выберите поле "Ссылка".

Выполните одно из следующих действий.

Чтобы отобразить содержимое презентации, необходимо собразить его значок.

Чтобы отобразить значок, щелкнув который будет отображаться для просмотра объекта, нажмите кнопку "В качестве значка".
Чтобы изменить изображение или метку значка по умолчанию, щелкните значок "Изменить" и выберите нужный значок в списке значков. При этом вы можете ввести подпись в поле "Название".

Щелкните слайд, куда вы хотите разместить объект.

На вкладке Вставка в группе Текст нажмите кнопку Объект.

Выполните одно из следующих действий.

Если объект еще не существует, нажмите кнопку "Создать". В поле "Тип объекта" выберите тип объекта, который вы хотите создать.

Если объект уже существует, нажмите кнопку "Создать из файла". В поле "Файл" введите имя файла или нажмите кнопку "Обзор", чтобы выбрать его из списка. Чтобы отовязать ссылку, ее можно будет с часовой связи.

Выполните одно из следующих действий.

Чтобы отобразить содержимое презентации, необходимо собразить его значок.

Плагин Pitchdeck Presentation Studio позволяет создавать презентации дизайнов в Фигме.

Ультра легкая анимация и предварительный просмотр в реальном времени внутри Figma
Легко перетаскивайте слайды, чтобы изменить порядок их отображения
Автоматически генерирует защищенные паролем URL-адреса презентации
Простые, удобные и простые в использовании презентации в браузере
Включает заметки динамиков, таймер, лазерную указку и элементы управления слайдами
Управляйте своей презентацией со своего телефона, сканируя QR-код
Представить в полноэкранном режиме с заметками и элементами управления на втором экране
Поддерживает экспорт презентаций в файлы PowerPoint (.pptx)
Поддерживает экспорт слайдов в статическую объединенную PDF-деку
Перезапустите прямо с боковой панели Figma в ваших проектах

Как пользоваться

Установите Pitchdeck и создайте новый проект Figma
Создайте столько фреймов (слайдов), сколько необходимо для вашей презентации
Добавьте любые изображения и текст в фреймы для оформления слайдов
Запустите Pitchdeck на странице, содержащей ваши фреймы
Примените анимацию / время и заметки докладчика к каждому слайду
Выберите формат «Pitchdeck URL» и нажмите «Загрузить презентацию»
(Или выберите «PDF» / «PowerPoint» и нажмите «Экспорт презентации»)
Приятной презентации!

Особенности

Рекомендуются фреймы с соотношением 16:9 (например, 1280×720 или 1920×1080) для достижения наилучших результатов
Если ваша презентация содержит много слайдов с большими изображениями, обратите внимание, что Pitchdeck может занять немного больше времени для начальной загрузки (и обновления) ваших кадров
Если вы добавляете или обновляете какие-либо слои в своем Figma-файле, когда Pitchdeck уже работает, можете щелкнуть значок «Обновить» в меню заголовка Pitchdeck, чтобы обновить ваши слои и отобразить их на слайдах Pitchdeck и в предварительных просмотрах анимации
Pitchdeck автоматически обнаружит, содержит ли слой области полной прозрачности, и установит «PNG» в качестве формата экспорта по умолчанию, в противном случае он будет установлен на «JPG». Вы можете переопределить это, чтобы установить формат экспорта любого слоя в JPG или PNG, добавив свои собственные настройки экспорта
Вы можете установить сплошной фоновый цвет на любом слайде, установив «заливку» этого фрейма в цвет, который хотели бы видеть в Figma
URL-адреса презентации автоматически истекают через 30 дней бездействия (через 30 дней после последнего доступа и просмотра ссылки); если хотите повторно активировать URL-адрес после истечения срока его действия, просто запустите Pitchdeck в файле Figma и нажмите «Загрузить презентацию»

Лицензия

После того, как вы попробовали экспортировать презентации с помощью Pitchdeck 10 раз, вам будет предложено ввести лицензионный ключ. Ваш лицензионный ключ позволит вам или вашей команде анимировать и экспортировать неограниченное количество презентаций с помощью Pitchdeck.

Microsoft PowerPoint

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

Как сменить ориентацию слайда в PowerPoint?

Самое главное отличие между Microsoft Word и Microsoft PowerPoint заключается в том, что во второй программе нет отдельной функции, которая меняет ориентацию выбранного слайда. Также не получить отдельно перевернуть слайды, не меняя все остальные слайды по ориентации.

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

Но не стоит отчаиваться, потому что такое ограничение, а может быть неосмотрительность разработчика, можно легко обойти. Это подойдет в том случае, если пользователю необходимо изменить размер или положение исключительно одного или пары слайдов, не меняя стандартные слайды. Также можно будет создавать отдельные слайды презентации с гиперссылками на измененные кадры. Чтобы добиться необходимого результата, пользователю необходимо использовать следующую инструкцию:

Вставить любой текст или объект, который можно будет использовать для гиперссылки. Этот элемент будет использоваться для гиперссылки для слайда другого размера или положения.
В разделе «Вставка» найти группу «Ссылку».
Выбрать функцию «Ссылка».
Откроется диалоговое окно в котором необходимо найти «Изменение гиперссылки».
Выбрать презентацию с другим положением слайдов.
С правой стороны выбрать кнопку «Закладка».
Кликнуть на эту кнопку.

После этого пользователь сможет изменить определенный слайд.

Такая схема очень сильно зависит от гиперссылки, поэтому необходимо ее оставить. Иначе после перехода на нужный слайд, пользователь не сможет посмотреть на остальные кадры презентации. То есть в итоге у пользователя будет две презентации, которые будут объединены в одну большую. Зрители ничего не заметят и во время перехода не будет никаких зависаний и дополнительного открытия второй презентации.

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

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

Читайте также: