Как сделать презентацию в Фигме: Figma Slides и слайды из фреймов

Разбираем два способа сделать презентацию в Фигме: в Figma Slides с шаблонами, заметками докладчика и выгрузкой в PowerPoint и в обычном файле из фреймов 1920×1080.

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

Статью написал:
Ваня Буявец, продюсер, основатель Checkroi
Ваня Буявец
Основатель Checkroi, продюсер, эксперт в выборе онлайн-курсов
Все 3067 статей автора Подписаться на Телеграм-канал
Одобрено экспертом:
Наташа Буявец, основатель Checkroi, эксперт по онлайн-курсам
Наташа Буявец
Основательница Checkroi, продюсер Youtube-каналов, эксперт по онлайн-курсам
Все 3721 экспертное мнение Подписаться на Телеграм-канал
Обложка: Как сделать презентацию в Фигме: Figma Slides и слайды из фреймов

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

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

CheckroiCheckroiПодборка курсов по Figma352 курса • 55 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→

Figma Slides или фреймы: что выбрать

Рой собирает слайды презентации в Фигме

Оба способа работают на бесплатном тарифе Starter. Различаются они тем, что получается на выходе и сколько ручной работы остаётся вам.

Что сравниваем Figma Slides Фреймы в Figma Design
Как создаётся слайд кнопкой New slide, сразу нужного размера фреймом вручную, размер задаёте сами
Шаблоны встроенный выбор шаблонов при создании файла копируете чужой файл из Community
Заметки докладчика есть, режим Present + Notes нет
Порядок слайдов список в левой панели положение фреймов на холсте
Выгрузка PPTX и PDF одной командой PDF, PNG, JPG, SVG
Импорт из PowerPoint есть, файлы .pptx нет
Лимит на Starter 3 файла в папке команды, в черновиках без ограничений 3 файла Design и Sites в папке команды

Лимиты взяты из описания тарифа Starter в справке Figma. Черновики (Drafts) в лимит не входят, поэтому для личных презентаций трёх файлов в папке команды обычно хватает с запасом.

Как сделать презентацию в Figma Slides

Интерфейс Figma только на английском, официального русского перевода нет. Как с этим жить, мы разобрали в статье про Фигму на русском языке. Ниже названия кнопок даны так, как они подписаны в редакторе.

  1. Откройте файловый браузер Figma, перейдите в Drafts и нажмите Create new → Slide deck. Можно и короче: набрать в адресной строке figma.com/slides/new.
  2. Откроется выбор шаблонов. Выберите шаблон или нажмите Start from scratch, чтобы начать с чистого листа.
  3. Добавляйте слайды кнопкой New slide в левой панели. Новый слайд встаёт сразу после выделенного.
  4. Порядок меняйте перетаскиванием слайдов в той же левой панели. Повторить слайд можно через правый клик → Duplicate или сочетанием Ctrl + D (Cmd + D на Mac).
  5. Заполните слайды текстом, картинками и графиками. Цвета и шрифты шаблона лежат в правой панели, в разделе Template style.
  6. Для показа нажмите Present в правой панели и выберите Present (на весь экран) или Present + Notes (с заметками докладчика).

Порядок шагов сверен по справке Figma: создание файла слайдов, работа со слайдами и показ презентации.

Режим с заметками докладчика

Present + Notes открывает два окна. В одном вы видите текущий слайд и свои заметки, во втором идёт чистая версия для зрителей.

Если выступаете в Zoom или Телемосте, показывайте экраном именно окно для зрителей, иначе аудитория прочитает ваши подсказки.

Опросы и живой прототип на слайде

Этим Figma Slides отличается от PowerPoint сильнее всего. На слайд можно поставить интерактивные виджеты: опрос, шкалу согласия и другие. Зрители отвечают со своих устройств, результаты видны всем сразу и сохраняются после показа.

Дизайнеру пригодится второй приём: в слайд встраивается кликабельный прототип из Figma Design. На защите макета вы показываете не картинку экрана, а живой интерфейс, по которому можно пройти.

  • зрители должны войти в свой аккаунт Figma и иметь доступ на просмотр к файлу слайдов;
  • для прототипа нужен ещё доступ на просмотр к файлу с прототипом;
  • прототип, закрытый паролем, на слайд не встанет.

Как перенести готовую презентацию из PowerPoint

Готовый файл .pptx можно загрузить в Figma Slides и доделать там. В файловом браузере нажмите Import → Import from computer и выберите файл, либо просто перетащите его в окно браузера.

По справке об импорте переносится не всё:

  • все шрифты заменяются на Inter, их придётся вернуть вручную;
  • видео, таблицы и диаграммы не импортируются совсем;
  • анимации пропадают, переходы настраиваются заново.

Если слайды построены на таблицах, проще оставить их в PowerPoint. Как оформить такую презентацию аккуратно, мы описали в 8 правилах красивой презентации.

CheckroiCheckroiПодборка курсов по Microsoft PowerPoint147 курсов • 37 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→ Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединиться

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

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

  1. Создайте новый файл Design и включите инструмент Frame клавишей F.
  2. В правой панели откройте группу пресетов Presentation и выберите размер слайда. Либо растяните фрейм мышью и впишите в поля W и H 1920 и 1080.
  3. Соберите первый слайд: заголовок, текст, картинки. Шрифт берите с кириллицей, иначе русские буквы подменятся. Какие такие шрифты уже есть в редакторе, смотрите в статье о шрифтах для Фигмы.
  4. Скопируйте фрейм столько раз, сколько нужно слайдов, и расставьте копии в один ряд слева направо.
  5. Нажмите Present на панели инструментов или Ctrl + Alt + Enter (Cmd + Option + Return на Mac). Презентация откроется в новой вкладке.
  6. Листайте слайды стрелкой вправо, пробелом или клавишей N, назад листает стрелка влево. Клавиша R возвращает к первому слайду.

Все клавиши и логика показа взяты из справки Figma о фреймах и о просмотре прототипов.

Какой размер слайда поставить

Стандарт для экранов и проекторов сейчас 16:9. Для него Figma сама включает в режиме показа масштаб Fill screen, и слайд заполняет весь экран без полей.

Формат Размер фрейма Когда брать
16:9 1920×1080 доклад, вебинар, показ на мониторе или проекторе
16:9 (лёгкий) 1280×720 черновик или файл, который будут отправлять по почте
4:3 1024×768 старый проектор в аудитории или требование организаторов

Пропорция важнее пикселей: в режиме показа фрейм 1280×720 растянется на экран так же, как 1920×1080. Размер в пикселях начинает играть роль, когда слайды выгружают картинками.

Переходы и анимация между слайдами

Без связей Figma листает фреймы по координатам: сначала слева направо, потом сверху вниз. Чтобы задать переход вручную, откройте вкладку Prototype в правой панели, выделите фрейм и протяните стрелку связи к следующему слайду, как описано в справке о связях прототипа.

В настройках связи выберите анимацию перехода: Instant переключает слайд мгновенно, Dissolve проявляет следующий слайд поверх текущего, а Smart animate плавно двигает одинаковые слои между фреймами.

Если в файле задана точка старта (flow starting point), стрелки в показе ведут уже не по координатам, а по истории просмотренных фреймов и связям. Если слайды пошли не по порядку, проверьте, не осталась ли точка старта от прошлого прототипа.

Как сохранить презентацию из Фигмы и показать без интернета

Презентация готова к показу: ноутбук, проектор и стопка распечатанных слайдов

Файл в Figma живёт в облаке и сохраняется сам. Обычно под «сохранить» имеют в виду выгрузку в PDF или PowerPoint.

  • Figma Slides: главное меню → File → Export slides to. Выберите PPTX или PDF и укажите, выгружать все слайды или только выделенные.
  • Фреймы в Figma Design: многостраничный PDF собирает команда Export frames to PDF в главном меню. Подробные шаги и подводные камни есть в статье о сохранении проекта в Фигме.
  • Показ без интернета: в Figma Slides откройте показ, в меню опций сверху выберите Make available offline и дождитесь значка готовности. Вкладку с показом не закрывайте, иначе загрузку придётся повторить.

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

Если презентацию потом будут править коллеги без опыта в Figma, проще сразу собрать её в Google Презентациях: там совместная правка устроена привычнее, а коллегам не нужен аккаунт Figma.

CheckroiCheckroiПодборка курсов по дизайну презентаций24 курса • 9 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→

Где взять шаблоны презентаций для Фигмы

Собирать презентацию с нуля не обязательно. Шаблоны есть в трёх местах.

  1. Выбор шаблонов внутри Slides. Открывается при создании файла и по кнопке New slide. Можно брать макеты слайдов из разных шаблонов в одной презентации.
  2. Templates and tools в файловом браузере. Шаблоны слайдов собраны в категории Presentations, кнопка Use template открывает копию в ваших черновиках.
  3. Figma Community. Там лежат и шаблоны для Slides, и наборы фреймов для обычной Фигмы. Перед выбором откройте пару слайдов и проверьте, есть ли в шрифте кириллица: в шаблонах из Community её может не быть.

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

Можно ли делать презентации в Figma из России

Можно. По официальной политике Figma для России и Беларуси, доступ закрыт только аккаунтам под санкциями США, Великобритании и ЕС, остальные аккаунты работают.

Ограничение другое: платные тарифы новым клиентам из России Figma не продаёт, в том числе переход со Starter на платный план. Значит, работаем на бесплатном тарифе, а презентации создаём в черновиках, где лимита на число файлов нет.

Ваня БуявецКанал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в канал

Частые ошибки и что с ними делать

Рой выравнивает слайды в ровный ряд
Что случилось Почему Что сделать
Слайды из фреймов идут не по порядку фреймы стоят на разной высоте, и Figma читает их не тем рядом выделите ряд и выровняйте фреймы по верхнему краю (align top)
Слайд показывается мелко, с полями фрейм не 16:9, и Figma выбрала другой масштаб в показе нажмите Z и переключите масштаб либо переделайте фреймы в 1920×1080
После импорта из PowerPoint поехала вёрстка все шрифты заменились на Inter верните шрифты в правой панели, проверьте переносы строк
Нельзя создать новый файл слайдов в папке команды на Starter уже 3 файла создайте презентацию в Drafts или перенесите старые файлы туда
Зрители не могут ответить на опрос у них нет доступа к файлу или они не вошли в аккаунт выдайте доступ на просмотр и отправьте ссылку из Copy presentation link

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

Где освоить Figma системно

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

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

КурсШколаСтоимость со скидкойВ рассрочкуДлитель­ностьОбзор курса от Checkroi
Основы дизайна в Figma
Перейти на сайт курса
Bonnie & SlideBonnie & Slide42 800 ₽2366 ₽/мес.4 неделиОбзор курса
Figma 2.0
Перейти на сайт курса
SkillboxSkillbox29 394 ₽4899 ₽/мес.2 месяцаОбзор курса
Figma с нуля до PRO
Перейти на сайт курса
Академия СинергияАкадемия Синергия31 836 ₽2653 ₽/мес.2 месяцаОбзор курса
Figma с нуля до PRO
Перейти на сайт курса
SkillboxSkillbox39 334 ₽1091 ₽/мес.2 месяцаОбзор курса

Больше программ — в полном каталоге курсов по Figma

Часто задаваемые вопросы

Можно ли сделать презентацию в Фигме бесплатно?

Да. Figma Slides и обычные файлы Figma Design работают на бесплатном тарифе Starter. В папке команды на нём помещается до трёх файлов слайдов, а в черновиках (Drafts) число презентаций не ограничено.

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

Для экрана и проектора берите 16:9, фрейм 1920×1080. Если презентацию будут показывать на старом проекторе 4:3, подойдёт 1024×768. В Figma Slides размер слайда задавать не нужно, он выставляется сам.

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

В Figma Slides нажмите Present в правой панели. В обычном файле из фреймов нажмите Present на панели инструментов или Ctrl + Alt + Enter (Cmd + Option + Return на Mac), слайды листаются стрелками и пробелом.

Можно ли сохранить презентацию из Figma в PowerPoint?

Из Figma Slides можно: главное меню, File → Export slides to, формат PPTX. Учтите, что градиенты станут сплошной заливкой, а шрифты, которых нет в PowerPoint, заменятся на стандартный. Из обычной Фигмы выгружается только PDF или картинки, подробнее в статье о сохранении проекта в Фигме.

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

Без связей прототипа Figma листает фреймы по координатам: слева направо, потом сверху вниз. Если фреймы стоят на разной высоте, порядок сбивается. Выровняйте ряд по верхнему краю или задайте переходы вручную на вкладке Prototype.

Читайте Checkroi первым в Google
Добавьте Checkroi в избранные источники — и наши разборы курсов и обзоры школ будут показываться выше в вашей выдаче Google.
Оставить комментарий
0 комментариев
Форма комментария

Оставьте комментарий

Напишите, что думаете. Нам важно ваше мнение!