Convert Figma to PSD
Figma is a popular tool for creating user interfaces. But it can not export into a PSD format, and Adobe Photoshop can not open FIG files. But you can do it automatically as described below.
FIG to PSD
At the moment, Photopea is the best tool for converting Figma FIG documents to Photoshop PSD files. Open Photopea.com to start a free online photo editor.
Load a Figma file from your device: press File — Open (in the top left corner) and find and select a Figma file (or use drag and drop).
The content of a Figma file (all pages and artboards) should be in front of you. You can click File — Save As PSD and get a PSD version of your file 🙂
Missing fonts
If you use any special fonts in your Figma file, load them into Photopea with File — Open (and select TTF or OTF files). Photopea will use these fonts to redraw the corresponding text layers.
An example of the same Figma file in Photopea and Figma: the layer structure is preserved.
Как перевести макет в Figma в .psd?
Сделала макет в фигме. Верстальщик заказчика требует .psd и не соглашается на работу в фигме.
Как перевести макет из фигмы в в псд с сохранением слоев и желательно имен слоев?
Где-то писали, что можно сохранить в свг и открыть в иллюстраторе, что-то поправить и сохранить уже из иллюстратора в псд. Может быть есть что-то менее трудозатратное?
пысы: вопрос к верстальщикам. почему некоторые ваши коллеги настаивают на псд?
- Вопрос задан более двух лет назад
- 9447 просмотров
Комментировать
Решения вопроса 1
JavaScript developer. IonDen.com
1. https://spectrum.chat/figma/general/is-there-any-w.
2. Дурачки какие-то упертые, в следующей раз не работайте с такими.
Ответ написан более двух лет назад
Нравится 2 1 комментарий
Merry Cay @Alt_Mer Автор вопроса
закончу с этим заказом и поставлю свои условия. если не соглашаются, прекращаем, потому что мозги ипут не по деньгам
Ответы на вопрос 1
Ваня Гурьянов @guryanov_junior
Изучающий фронтенд.
Ответ написан более двух лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- Adobe Photoshop
Как создать подобный эффект закругления?
- 1 подписчик
- вчера
- 28 просмотров
- Figma
Как сделать утончающуюся рамку | линию в фигме?
- 1 подписчик
- 18 нояб.
- 31 просмотр
- Adobe Photoshop
Почему прерывается генеративная заливка?
- 1 подписчик
- 09 нояб.
- 85 просмотров
- Figma
Почему часть моих проектов в figma стала доступна другому аккаунту?
- 1 подписчик
- 08 нояб.
- 72 просмотра
Можно ли экспортировать проект figma в psd?
В данный момент, это невозможно. Расскажите какую задачу вам нужно решить? Возможно, это можно сделать другим способом.
14 апр 2020 в 0:36
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
На данный момент такой возможности нет.
Отслеживать
ответ дан 14 апр 2020 в 0:37
1,791 1 1 золотой знак 11 11 серебряных знаков 16 16 бронзовых знаков
Это можно сделать с помощью онлайн фотошопа photopea.com. Скачиваешь свою работу из Figma в формате .fig, переходишь на онлайн фотошоп, перетаскиваешь в него свой .fig файл и затем нажимаешь «Файл» — «Сохранить как PSD». Ну в принципе и всё.
Отслеживать
ответ дан 11 ноя 2020 в 8:41
Дмитрий Судонин Дмитрий Судонин
98 7 7 бронзовых знаков
- photoshop
- figma
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.21.1314
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Экспортирование в Figma
Благодаря экспорту в Фигме можно вывести готовый созданный дизайн не только в едином изображении, но и с нарезанным макетом для верстки интерфейса. Также программа предлагает интеграцию с другими программами для дальнейшего создания сайта.
Для интеграции необходимо выбрать в основном меню раздел «Integrations». В онлайн версии в этом разделе будет одна программа – «Dribbble», в десктопной версии будут еще две дополнительные интеграции с «Zeplin» и «Avocode» — программы для верстки. Чтобы интегрировать свой проект, его необходимо выделить. Далее проект загрузится в выбранную вами программу.
Чтобы экспортировать проект используйте настройки в правой панели меню в разделе «Export».
Здесь есть несколько функций. Например, вы можете выставить размер экрана. Рядом находится раздел, в котором прикрепляется суффикс к имени файла. Это необходимо в том случае, если вы собираетесь экспортировать несколько версий макетов.
Еще одна функция – это выбор формата для экспорта.
Экспорт доступен в четырех форматах:
- Экспорт в JPG изображение. В настройках экспорта в данном формате вы сможете управлять масштабом, добавлять суффиксы, и при необходимости экспортировать насколько версий макета.
- Экспорт в PDF имеет свои особенности. В нем вы сможете выделять текст, который набран в макете. Кроме того, несмотря на большой вес таких документов, векторные объекты в нем прорисовываются с высокой точностью, независимо от масштабов приближения. Однако этот формат запрашивают редко при отправке макета.
- Экспорт в PSD – это перенос проекта в фотошоп. Так как фотошоп является более сложной программой, то и вписать для него интерпретатор будет достаточно сложно.
- Экспорт в SVG – это самый популярный вид загрузки макета. Для верстальщиков проще работать с данным форматом, так как он является векторным. Таким образом, картинка в этом формате будет иметь прорисовку нужного размера для разных устройств. Особенно эффективно использовать данный вид экспорта для мелких иконок.
Хотя экспорт макета в HTML недоступен, все же в разделе «CSS» верстальщик может просмотреть подсказки в виде свойств каждого объекта. Для этого необходимо выделить определенный фрейм или элемент, и просмотреть его «Code». Кроме того, в этом разделе доступна возможность увидеть параметры для разработчиков макетов для iOS и Android.
Итак, это заключительный урок данного цикла, из которого вы узнали о возможностях интеграции и экспорта проектов. Уделив внимание каждому из уроков, вы приобретете базовые навыки создания дизайна в Фигме. Практический опыт и профессионализм придет уже непосредственно при работе с программой.
Полезные ссылки:
- Бесплатный видеокурс по Figma от GeekBrains;
- Профессиональный курс Figma 2.0 для новичков от SkillBox;
- Полноценный онлайн курс по веб-дизайну с нуля от SkillBox.