Convert Photoshop files to Figma
Simply convert your PSD files and import them into Figma by using our converter.
Seamlessly from PSD to Figma
Our converter supports all types of elements Our fully automated converter supports all native Photoshop elements: Shapes, path elements, images, groups and text elements.
Protected by our Money Back Guarantee We understand that you expect perfect results when using our converter. That’s why we offer a full money back guarantee in case you’re not happy with the result.
Full protection of your data We don’t sell or share any of your data with 3rd parties neither do we have any rights in the data you upload to our service.
Как открыть PSD в Figma?
Доброго времени суток. Есть ли возможность импорта PSD файлов в Figma? И почему при экспорте в Figma в формате skethс бывают заметные баги в отображении?
- Вопрос задан более трёх лет назад
- 138390 просмотров
Комментировать
Решения вопроса 0
Ответы на вопрос 7
massimodesign @massimodesign
Затем уже скетч перетащите в Фигму
Ответ написан более трёх лет назад
Нравится 18 3 комментария
Возможно, что-то не так с машиной, но при перегоне из .psd теряется почти вся текстура, включая шрифты.
15 ноября, 2020г. — конвертация стоит 5$ =)
Pavel_Druzhinin @Pavel_Druzhinin
404 bio not found
Я из 2021
Не благодарите
Ответ написан более двух лет назад
Нравится 6 4 комментария
за 5$? реально? жесть
UchihaBoy, это за один файл. А если макетов 8 штук в отдельных .psd, то $40 выходит «всего лишь» 🙂
HayPro, ну это специально) мол покупайте подписку на наше приложение)
UchihaBoy, у меня есть подписка, но конвертация отдельно оплачивается.. Вообще грабеж, не ожидал от них такого. Хотя приложение у них реально хорошее.
alina_on_serotonin @alina_on_serotonin
Почти 2022.
Авокод перестал брать деньги за конвертацию +_+
Ответ написан более двух лет назад
Комментировать
Нравится 5 Комментировать
doweb @kostya_dev
Честно, по мне, так это все полный бред использовать. Есть photoshop, в нем лучше и открывать PSD макеты, так как это его родной формат, и не удивительно, что в других программах встречаются баги. Есть .sketch, соответственно так же лучше и открывать в Sketche, максимум можно импорировать в Avocode или Zeplin, так как импорт в эти программы вшит в скетч, что гарантирует более-менее адекватный результат.
Ответ написан более трёх лет назад
Нравится 3 2 комментария
jwwwe @jwwwe Автор вопроса
У меня мака нет, поэтому приходится изворачиваться с открытием скетча.
doweb @kostya_dev
Самый простой вариант для Вас попросить человека, у которого есть МАК, чтобы он через скетч, импортировал макет в Zeplin и все. Просто поверьте.
Корректно открыть psd макет в figma
Добрый день никак коректно не получается сконвертировать макет psd в sketch. Запиши пожалуйсто отдельный урок, через сайт на авакоде нормально не конвертирует! В вопросах ответах, понятного и внятного ответа не нашел! В сети также нормальной инфы не нашел, или к уроку выложите уже полноценый макет в sketch файле.
Алексей Цой
3 years ago
Добрый день. Нужно учитывать, что этот макет изначально был создан в формате растра. И при переводе в векторную графику у него могут быть потери. Это нормально 🙁
Для работы только с растровыми макетами (psd) используйте Photoshop
Для векторных макетов — Sketch, Figma
Универсальные инструменты для всего — Avocode, Zeplin, Marsy
Иван Петриченко
3 years ago
у меня такой же вопрос, только с небольшим дополнением — я вовсе не могу бесплатно сконвертировать psd в sketch на сайте avocode . Не знаю с каких пор , но конвертация одного макета стоит денег — 5$
Если в уроке работаем с figma сделайте пожалуйста макет в векторе , а по растровой графике отдельный урок с photoshop
Алена Инденко
3 years ago
по универсальным пакетам понятно, но вот если касаться именно этого случая, возникают большие неудобства при усвоении материала по ходу самого урока!
Функция экспорта в Figma
Список доступных форматов для экспорта, как лучше экспортировать проект для верстки, или клиента. Как оптимизировать файлы. Все это вы найдете в данной статей.
Основные вопросы:
Как делать в Figma экспорт элементов или групп? Какие виды объектов можно экспортировать в figma и как сохранить в фигме работу?
Функция экспорта в Figma позволяет не только выводить готовый дизайн в единое изображение, но и помогает нарезать макет для будущей верстки интерфейса. Данная функция находится внизу в правом нижнем углу программы.
Экспорт в JPG
Экспорт макет в формат изображения JPG является самым популярным. В настройках экспорт вы можете управлять масштабом экспорта, добавлять суффиксы к имени, он будет вписан после имени файла, а также если вы хотите экспортировать несколько версий макетов (версия для клиента, для портфолио, для behance), то просто нажмите на знак плюса и настройте нужные опции.
Экспорт в PDF
По моему мнению данный формат не очень нужен, так как на выходе вы получаете документ, который в несколько раз больше весит, чем картинка. И если у клиента нет программы для чтения данного формата – он просто не сможет открыть его.
Но у этого формата есть особенности экспорта:
- Вы можете выделять текст, который набран в макете;
- Все векторные объекты прорисовываются идеально независимо от масштаба приближения.
Казалось бы преимущества очевидны, но на практике, лично я еще ни разу не сталкивался с просьбой предоставить макет в формате PDF.
Экспорт в PSD
Очень частый вопрос: как открыть psd в Figma, или как загрузить psd в Figma? К сожалению, в Figma не предусмотрен экспорт в программу Adobe Photoshop. Так как фотошоп более сложная программа, то и интерпретатор для него будет сложно написать. Поэтому разработчики, по моему мнению, просто не хотят тратить время на разработку данного решения. Да оно и не нужно особо, так как все больше людей переходит на специализированный для веб-дизайна софт.
Экспорт в SVG
Данный метод является популярным при экспорте иконок для верстки сайта. Так как SVG — это векторный формат, то для верстальщика намного проще использовать не картинки формата PNG для разных разрешений, а одну иконку, которая будет прорисовываться на нужный размер, на разных размерах устройства. Поэтому данный метод используйте для экспорта иконок, а также мелких графических элементов.
Экспорт в HTML
Функции экспорта в html в программе Figma нет. Но есть подсказки для верстальщика в виде свойств каждого объекта. Они находятся в левой вкладке «Code». Здесь вы получите полный список CSS свойств для верстки сайта, а также параметры для разработчиков на iOS и Android.
Один из вопросов, который волнует начинающих пользователей: как сохранить проект в фигма?
Сохранение проекта в Figma происходит с помощью экспорта файла с расширением «.fig». Для этого нужно в главном меню выбрать пункт «Save as».
Этому вопросу я посвятил видео, которое вы можете посмотреть ниже.
Хотите изучить все инструменты в Figma, а также освоить процесс разработки дизайн-макетов? Приходите на вводный курс по UX/UI дизайну. Вы изучите начальный дизайн-процесс: работа в Figma, анализ информации, визуальная концепция, прототипирование и т.д. Ссылка на сайт курса.