Как сделать презентацию в фигме?

Сделать презентацию в фигме можно двумя способами: в отдельном редакторе Figma Slides или в обычном Figma Design на фреймах размером 1920 на 1080. Slides создан именно для выступлений, в нём есть шаблоны, заметки докладчика, переходы и экспорт в PDF и PPTX. Design подходит дизайнерам, которые и так работают в нём и хотят показать макет как кликабельный прототип. Коротко о том, как начать:

• Figma Slides: в файловом браузере «Create new», затем «Slide deck», или адрес figma.com/slides/new.
• Выбор шаблона: в окне шаблонов выберите готовый или нажмите «Start from scratch».
• Figma Design: инструмент Frame (клавиша F или A), справа пресет из группы Presentation.
• Показ: кнопка «Present» в правом верхнем углу, в Design это показ прототипа.
• Выгрузка: из Slides в PDF или PPTX, из Design фреймы в PDF или картинки.

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

Нет времени разбираться в фреймах и слоях к завтрашнему докладу? Попробуйте создать ИИ презентацию в сервисе SimpleSlide. Презентация генерируется с помощью ИИ за 1 минуту. Достаточно ввести тему или вставить свой текст, и вы получите готовый шаблон, который легко отредактировать или сразу скачать в нужном формате, в PPTX или PDF.

Где делать презентации в фигме, в Slides или в Design?

Чем отличаются два редактора?

Фигма начиналась как сервис для дизайна интерфейсов. Русская Википедия описывает её назначение так:

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

Поэтому долгое время слайды в ней рисовали как обычные экраны: фрейм за фреймом, а показ запускали через прототип. В 2024 году появился отдельный тип файлов Figma Slides, где презентация уже не притворяется приложением. Разница заметна сразу:

Что выбрать для своей задачи?

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

Два примера. Студенту на защиту курсовой хватит Slides и готового шаблона: титул, цель, методы, результаты, выводы. Продуктовому дизайнеру, который показывает заказчику новый экран оформления заказа, удобнее Design, потому что заказчик сам нажмёт кнопку «Оплатить» и увидит, что произойдёт дальше. Ошибиться можно и в обратную сторону, если строить учебный доклад из прототипа: связи между фреймами придётся настраивать вручную, а заметок для выступления не будет.

Как сделать презентацию в фигме через Figma Slides?

Как создать новый файл?

1. Откройте файловый браузер фигмы и перейдите в Drafts или в папку команды, если у вас есть права на редактирование.
2. Нажмите «Create new» и выберите «Slide deck». Можно и короче: наберите в адресной строке figma.com/slides/new.
3. Откроется окно шаблонов. Выберите подходящий или нажмите «Start from scratch», чтобы начать с чистого листа.
4. Переименуйте файл, щёлкнув по названию вверху: так его будет проще найти среди черновиков.

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

Как добавить и упорядочить слайды?

Новый слайд добавляется кнопкой «New slide» в левой панели. Фигма предложит макеты из текущего шаблона, а стрелка назад откроет другие шаблоны. Дальше работают привычные приёмы:

• дублировать слайд можно через правый клик и «Duplicate» или сочетанием Ctrl+D (на Mac Command+D);
• удалить слайд проще всего клавишей Delete;
• порядок меняется перетаскиванием в левой панели или клавишами Ctrl+[ и Ctrl+];
• слайды можно собирать в группы по темам или докладчикам: перетащите слайд под другой со сдвигом вправо;
• режим сетки показывает всю колоду сразу и помогает увидеть, где провисает структура.

Сколько слайдов делать, зависит от времени выступления. Для десятиминутного доклада обычно хватает 10-12 слайдов, а лишние лучше спрятать в группу «Запас» в конце колоды, чем удалить и потом искать.

Зачем включать режим дизайна?

Обычный режим Slides упрощён: в нём меньше панелей, и он понятен людям без опыта в фигме. Когда нужна точная вёрстка, включите режим дизайна переключателем на панели инструментов или сочетанием Shift+D. В справке Figma он описан так:

Режим дизайна даёт доступ к функциям Figma Design, таким как автолейаут, панель слоёв и расширенные свойства слоёв, прямо в Figma Slides (перевод наш).

Оригинал: «Design mode lets you access Figma Design features such as auto layout, the layers panel, and advanced layer properties, directly in Figma Slides.»

Учтите ограничение: для режима дизайна нужно платное место Full seat и право на редактирование колоды. На бесплатном месте вы останетесь в простом режиме.

Как делать презентации в figma Design на фреймах?

Какой размер фрейма выбрать?

В Design каждый слайд это фрейм верхнего уровня, то есть фрейм, который лежит прямо на холсте, а не внутри другого. Порядок такой:

1. Создайте обычный файл дизайна и включите инструмент Frame клавишей F или A.
2. В правой панели откройте список пресетов и выберите группу Presentation.
3. Возьмите размер 1920×1080 для формата 16:9, он подходит для большинства проекторов и видеозвонков.
4. Следующие слайды добавляйте дублированием Ctrl+D или плюсом сбоку от фрейма, тогда размер повторится.
5. Называйте фреймы по порядку, например «01 Титул», «02 Проблема»: в экспорте и на показе это упростит навигацию.

Как показать слайды из Design?

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

Можно ли перенести колоду из Design в Slides?

Да, у владельца файла есть команда «Copy to Figma Slides» во вкладке Design правой панели. Она появляется, если выделены фреймы верхнего уровня с пропорциями от 4:3 до 16:9, например 1920 на 1080 или 1024 на 768. Связи прототипа при этом не переносятся, их заменяют переходы между слайдами. Зато в новой колоде появятся заметки докладчика и интерактивы для зрителей.

Как оформить слайды в фигме?

Что можно добавить на слайд?

В Figma Slides есть всё, что обычно нужно докладчику, и немного больше:

• текст, фигуры с текстом и таблицы;
• изображения и видео с настройкой свойств;
• блоки кода с подсветкой, это удобно для технических докладов;
• номера слайдов;
• анимация отдельных объектов и переходы между слайдами;
• компоненты и подключённые библиотеки из Figma Design, чтобы колода совпадала с фирменным стилем.

Как не сломать шрифты и стиль?

Шрифты в фигме берутся из Google Fonts и из системы. Если вы используете фирменный шрифт с компьютера, он должен быть доступен фигме, иначе коллеги увидят замену. Как подключить такой файл в браузерной и настольной версии, описано в статье про локальные шрифты в Figma. Для фона меняйте не каждый слайд по отдельности, а настройте его в шаблоне или через макеты, тогда новые слайды сразу получат правильное оформление.

Какие картинки подойдут?

Фигма принимает в заливку фреймов PNG, JPEG, GIF, TIFF и WEBP, так что с форматами проблем почти не бывает. Проблемы бывают с весом. Десяток фотографий по 8 МБ превращает колоду в тяжёлый файл, который долго открывается у зрителей по ссылке и раздувает PDF при выгрузке. Перед вставкой уменьшите снимки до ширины около 2000 пикселей, этого хватает для экрана Full HD с запасом. Иконки и логотипы берите в SVG: они остаются чёткими при любом масштабе, и их можно перекрасить прямо в фигме.

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

Как провести показ?

В Slides показ запускается кнопкой «Present». Для докладчика доступно окно с заметками, а слушатели могут отвечать на живые интерактивы, например голосовать в опросе прямо со своих устройств. Ссылкой на колоду удобно поделиться заранее, чтобы участники открыли её в браузере. Если связь в аудитории ненадёжная, подстрахуйтесь файлом.

В какие форматы можно выгрузить?

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

Как работать над презентацией в фигме вместе с командой?

С чего начать, чтобы не переделывать?

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

1. Откройте пустую колоду и в режиме сетки накидайте слайды только с заголовками, по одной мысли на слайд.
2. Прочитайте заголовки подряд вслух: если из них складывается рассказ, структура готова.
3. Разбейте слайды на группы по разделам или докладчикам.
4. Только после этого применяйте макеты, добавляйте изображения, таблицы и цифры.

Как пригласить коллег и собирать правки?

Совместная работа в реальном времени у фигмы в крови, и в Slides она устроена так же, как в Design. Кнопка «Share» в правом верхнем углу открывает окно доступа: там можно пригласить человека по почте и выбрать роль, только просмотр или редактирование. Комментарии оставляют прямо на слайде, клавиша C включает этот режим. Удобно, когда маркетолог правит тексты, дизайнер одновременно двигает картинки, а руководитель оставляет замечания к цифрам, и никто не пересылает друг другу файлы с названиями вроде «финал_2_исправленный». Короткое правило для команды: один слайд, один ответственный, иначе два человека будут переставлять один и тот же блок.

Какие ошибки делают новички в фигме?

Что мешает чаще всего?

• Слайды сделаны вложенными фреймами внутри одного большого. Для показа и для команды переноса в Slides нужны фреймы верхнего уровня.
• Фреймы разного размера. На показе слайды прыгают, а при экспорте получаются страницы разного формата. Проверьте поля W и H.
• Ожидание кликабельных сценариев в Slides. Там их нет, нужны переходы и порядок слайдов, а прототип оставьте в Design.
• Текст набран мелко, потому что на большом мониторе всё выглядит крупно. На проекторе меньше 24 пикселей в фрейме Full HD читается с трудом.
• Режим дизайна не включается. Скорее всего, у вас не Full seat или нет права на редактирование файла.

Как проверить колоду перед выступлением?

1. Запустите показ и пролистайте все слайды от начала до конца.
2. Откройте колоду на ноутбуке, с которого будете выступать, и проверьте шрифты.
3. Скачайте PDF как запасной вариант и положите его на флешку или в облако.
4. Если показ будет через PowerPoint, сделайте PPTX и посмотрите его в этой программе.

Когда фигма не лучший выбор для презентации?

Кому стоит поискать другой инструмент?

Фигма хороша, когда в команде уже есть дизайнер, библиотека компонентов и фирменный стиль. Если же нужно быстро собрать доклад по готовому тексту, ученику, студенту или менеджеру проще работать в инструменте, где структура и картинки подбираются автоматически. Сравнение Figma Slides с генерацией по тексту мы делали в материале Figma Slides или нейросеть. Частая схема в студиях такая: черновик собирают быстро, а финальный вид доводят в фигме, если презентация важная и останется в портфолио.

Есть и практическое ограничение. Фигма работает через интернет, и без него открыть общую колоду не выйдет. Для школьного доклада или защиты диплома в аудитории без стабильной сети надёжнее иметь при себе PPTX или PDF, даже если всё делалось в фигме. Проверьте это заранее.