Как создать, открыть, сохранить, скачать, экспортировать и удалить файл или проект в фигме
Автор — Ян Агеенко
Дизайнер с 20-летним опытом работы. Арт-директор в собственной студии. Основатель Гильдии дизайнеров, автор книги «Как стать дизайнером с нуля»
Сегодня мы поговорим о том, как совершать различные операции с файлами в программе фигма. Разберемся, как сделать новый файл, сохранить свою работу в разных форматах, экспортировать и импортировать проекты из других программ, как удалять и восстанавливать удаленные файлы.
Содержание урока
- Видео-версия урока
- Как создать новый файл в фигме
- Как сохранить проект в фигме
- Как скачать файл в формате фигмы FIG себе на компьютер
- Как экспортировать файлы из фигмы в формате jpg (jpeg), png (пнг), pdf (пдф), svg
- Как открыть (импортировать) файл в фигме
- Как перенести в фигму файл из фотошопа (psd) и иллюстратора (ai)
- Как удалить и восстановить удаленный проект в Figma
- Как сделать дубликат (копию) файла в фигме
- Как поделиться ссылкой на файл с другими людьми
Видео-версия урока
Как создать новый файл в фигме
Сделать новый файл в фигме можно несколькими способами. Лично я рекомендую следующий: зайти на главную страницу программы, нажать на плюсик возле слова Drafts в левой панели, в выпадающем списке выбрать Design file:

В этом случае файл будет создан в папке Drafts (черновики), а количество таких файлов не ограничено даже на бесплатном аккаунте. Таким образом, вы сможете сделать столько файлов, сколько вам нужно. А найти их также будет легко в этой папке. В этом же меню можно создать схему (FigJam board) или презентацию (Slide deck)
Существуют и другие способы создания нового файла. Например, вы можете нажать на кнопку New design file, находясь на вкладке Recents (Недавние файлы):

Или же, находясь на вкладке Drafts, кликнуть на кнопку Create new — Design File в правом верхнем углу программы:

Еще один вариант — находясь в режиме редактирования другого файла, нажать на иконку плюс справа от вкладок с названиями открытых файлов:

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

Если вы используете десктопную версию фигмы, также можно воспользоваться функцией главного меню File — New Tab:

Вне зависимости от выбранного метода создания нового файла, результат будет одинаковым. Единственное, на что еще раз обращаю внимание — создавайте файлы именно в черновиках (Drafts), чтобы иметь возможность без ограничений создавать любое нужное вам количество файлов.
Как сохранить проект в фигме
Файлы в фигме сохраняются автоматически, поэтому специально это делать не обязательно. Главное, чтобы у вас было стабильное подключение к интернету, ведь фигма сохраняет все файлы в облаке. Если по каким-то причинам фигма не может сохранить файл автоматически, возле его названия на панели вкладок появится черная точка (в десктопной версии) или иконка облака с крестиком (в браузерной):

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

В этом случае просто нажмите Cancel (Отмена) и дождитесь, когда интернет-соединение восстановится и файл сохранится автоматически.
Как скачать файл в формате фигмы FIG себе на компьютер
Если вы хотите сделать резервную копию (бэкап) рабочего файла у себя на компьютере, нажмите на иконку с логотипом фигмы на левой панели программы и выберите там пункты меню File — Save local copy. Эта функция позволит сохранить файл в формате .fig на вашем ПК.

Это также можно сделать через главное меню в десктопной версии программы. Для этого нужно нажать File — Save as .fig:

Как экспортировать файлы из фигмы в формате jpg (jpeg), png (пнг), pdf (пдф), svg
Чтобы сохранить какой-либо объект в фигме в одном из растровых (png, jpg) или векторных (svg, pdf) форматов для дальнейшей печати, презентации или других целей, нужно выделить данный объект (например картинку или фрейм) и нажать на плюсик на правой панели. В появившемся окне выбрать масштаб экспорта (1х, 2х и так далее), собственно формат (png, jpg, svg, pdf). В иконке троеточия также можно будет установить дополнительные параметры экспорта. Далее — просто нажать на кнопку Export и объект сохранится на ваш компьютер в выбранном формате.

Как открыть (импортировать) файл в фигме
Открыть файл в фигме можно с помощью уже знакомых нам методов, которые мы использовали в части про создание нового файла. Только на этот раз вместо пункта Design File нужно выбрать Import. Этим способом можно открыть как файлы формата фигмы, так и другие изображения и картинки (jpg, png, pdf, svg).

Аналогично можно воспользоваться и другими методами из части про создание новых файлов.
Как перенести в фигму файл из фотошопа (psd) и иллюстратора (ai)
Данный типы файлов не поддерживаются фигмой, тем не менее их можно перенсти с помощью плагинов Photoshop Importer и Illustrator Importer. Найти их можно в поиске по плагинам на панели инструментов фигмы:

Как удалить и восстановить удаленный проект в Figma
Для удаления файла перейдите на главную страницу фигмы в соответствующую папку, кликните по его обложке правой кнопкой мыши и выберите пункт Move to trash (переместить в корзину)

Чтобы восстановить удаленный файл, перейдите в папку Trash (корзина), кликните правой кнопкой мыши по нужному файлу и нажмите Restore:

Как сделать дубликат (копию) файла в фигме
Для этого достаточно просто нажать на стрелочку возле названия файла в левой панели (в режиме редактирования или просмотра этого файла) и выбрать пункт Duplicate (Дублировать) в появившемся меню:

При просмотре списка с обложками файлов на главной странице фигмы эта функция также доступна:

Как поделиться ссылкой на файл с другими людьми
Чтобы дать доступ к файлу другим пользователям, нажмите на синюю кнопку Share в правом верхнем углу фигмы. Затем нажмите Copy Link (Скопировать ссылку) в появившемся окне, чтобы она скопировалась в буфер обмена. Теперь её можно вставить в любой другой программе, например мессенджере или электронной почте и переслать другому человеку.

В этом окне также можно пригласить в файл пользователей, введя их емейлы, изменить доступность файла, скопировать ссылку на файл в режиме разработчика или прототип. Здесь же можно опубликовать файл в фигма комьюнити или получить код для вставки на сторонние сервисы.
Другие полезные уроки по фигме
Как сделать красивый градиент в фигме для фигуры, текста, фона или фото
Сегодня поговорим о градиентах. Посмотрим, какие градиенты можно создавать стандартными методами фигмы, а какие — с помощью плагинов. Научимся делать золотые и серебрянные переходы, а также подробно разберемся с настройками данного функционала программы.
Как сделать картинку в тексте в фигме
Изображение, фотография или текстура в тексте — очень интересный прием визуального дизайна, способный украсить ваш макет. В этом уроке я покажу несколько способов создания такого эффекта на конкретных примерах.
Как вставить, обрезать и редактировать изображения (картинки, фото) в фигме
В сегодняшнем уроке поговорим про редактирование изображений в программе фигма. Посмотрим, как их добавлять в проект, обрезать в форме круга или по произвольному контуру, применять эффект размытия, делать черно-белыми и конечно же сохранять.
