Как экспортировать SVG-файл из Figma

Узнайте, как точно экспортировать SVG-файлы из Figma. Следуйте этому простому руководству, чтобы скачать векторные ресурсы для использования в веб-дизайне, проектировании или разработке.

Create Stunning Product Video & Docs with AI

Этот туториал был создан с помощью Trupeer менее чем за 5 минут

Создать бесплатно

Подробные шаги:

1. Выберите элементы: выберите конкретный фрейм, группу или отдельные объекты, которые вы хотите экспортировать в формат SVG. 
2. Найдите раздел экспорта: найдите раздел «Export» на правой боковой панели интерфейса Figma. 
3. Выберите формат: нажмите кнопку «+» рядом с «Export», чтобы добавить настройки экспорта. Затем выберите «SVG» в выпадающем списке форматов. 
4. Экспортируйте файл: нажмите кнопку «Export» и выберите, куда сохранить файл SVG на вашем компьютере. 

Пошаговое руководство: как экспортировать файл SVG из Figma

Шаг 1

Выберите конкретный слой, который вы хотите преобразовать в файл SVG.

Select the specific layer you wish to convert into an SVG file.

Шаг 2

Нажмите на иконку плюса, чтобы продолжить.

Click on the plus icon to proceed.

Шаг 3

Нажмите на это выпадающее меню,

Click on this dropdown menu,

Шаг 4

Выберите формат SVG для вашего файла.

Select the SVG format for your file.

u041fu0440u043eu0444u0435u0441u0441u0438u043eu043du0430u043bu044cu043du044bu0435 u0441u043eu0432u0435u0442u044b u043fu043e u044du043au0441u043fu043eu0440u0442u0443 SVG-u0444u0430u0439u043bu043eu0432 u0438u0437 Figma

  1. u0412u044bu0431u0435u0440u0438u0442u0435 u043eu0431u044au0435u043au0442 u0438u043bu0438 u0444u0440u0435u0439u043c
    u041au043bu0438u043au043du0438u0442u0435 u043du0430 u043au043eu043du043au0440u0435u0442u043du044bu0439 u043eu0431u044au0435u043au0442, u0438u043au043eu043du043au0443 u0438u043bu0438 u0444u0440u0435u0439u043c, u043au043eu0442u043eu0440u044bu0439 u0445u043eu0442u0438u0442u0435 u044du043au0441u043fu043eu0440u0442u0438u0440u043eu0432u0430u0442u044c u0432 u0444u043eu0440u043cu0430u0442u0435 SVG. u0423u0431u0435u0434u0438u0442u0435u0441u044c, u0447u0442u043e u0432u044bu0431u0440u0430u043d u0442u043eu043bu044cu043au043e u043du0443u0436u043du044bu0439 u044du043bu0435u043cu0435u043du0442.

  2. u041fu0435u0440u0435u0439u0434u0438u0442u0435 u043a u0440u0430u0437u0434u0435u043bu0443 u044du043au0441u043fu043eu0440u0442u0430 u043du0430 u043fu0440u0430u0432u043eu0439 u0431u043eu043au043eu0432u043eu0439 u043fu0430u043du0435u043bu0438
    u041du0430 u043fu0440u0430u0432u043eu0439 u0431u043eu043au043eu0432u043eu0439 u043fu0430u043du0435u043bu0438 u043fu0440u043eu043au0440u0443u0442u0438u0442u0435 u0432u043du0438u0437, u0447u0442u043eu0431u044b u043du0430u0439u0442u0438 u0440u0430u0437u0434u0435u043b u00abExportu00bb. u0412u043eu0437u043cu043eu0436u043du043e, u0432u0430u043c u043fu043eu0442u0440u0435u0431u0443u0435u0442u0441u044f u0440u0430u0437u0432u0435u0440u043du0443u0442u044c u0435u0433u043e, u0435u0441u043bu0438 u043eu043d u0441u0432u0435u0440u043du0443u0442.

  3. u041du0430u0436u043cu0438u0442u0435 u043du0430 u0438u043au043eu043du043au0443 u00ab+u00bb, u0447u0442u043eu0431u044b u0434u043eu0431u0430u0432u0438u0442u044c u043du0430u0441u0442u0440u043eu0439u043au0438 u044du043au0441u043fu043eu0440u0442u0430
    u041du0430u0436u043cu0438u0442u0435 u00ab+u00bb u0440u044fu0434u043eu043c u0441 u043du0430u0434u043fu0438u0441u044cu044e Export, u0447u0442u043eu0431u044b u0430u043au0442u0438u0432u0438u0440u043eu0432u0430u0442u044c u043fu0430u0440u0430u043cu0435u0442u0440u044b u044du043au0441u043fu043eu0440u0442u0430 u0434u043bu044f u0432u044bu0431u0440u0430u043du043du043eu0433u043e u043eu0431u044au0435u043au0442u0430 u0438u043bu0438 u0444u0440u0435u0439u043cu0430.

  4. u0412u044bu0431u0435u0440u0438u0442u0435 u00abSVGu00bb u0432 u0432u044bu043fu0430u0434u0430u044eu0449u0435u043c u0441u043fu0438u0441u043au0435 u0444u043eu0440u043cu0430u0442u043eu0432
    u0412 u0432u044bu043fu0430u0434u0430u044eu0449u0435u043c u043cu0435u043du044e u0444u043eu0440u043cu0430u0442u043eu0432 u044du043au0441u043fu043eu0440u0442u0430 u0432u044bu0431u0435u0440u0438u0442u0435 u00abSVGu00bb u0438u0437 u0441u043fu0438u0441u043au0430 u0434u043eu0441u0442u0443u043fu043du044bu0445 u0444u043eu0440u043cu0430u0442u043eu0432 (PNG, JPG, PDF, SVG u0438 u0442. u0434.).

  5. u041du0430u0436u043cu0438u0442u0435 u043au043du043eu043fu043au0443 u00abExportu00bb
    u041fu043eu0441u043bu0435 u0432u044bu0431u043eu0440u0430 SVG u043du0430u0436u043cu0438u0442u0435 u043au043du043eu043fu043au0443 u00abExport [u0418u043cu044f u0441u043bu043eu044f]u00bb. Figma u0441u0433u0435u043du0435u0440u0438u0440u0443u0435u0442 u0438 u0441u043au0430u0447u0430u0435u0442 SVG-u0444u0430u0439u043b u043du0430 u0432u0430u0448 u043au043eu043cu043fu044cu044eu0442u0435u0440.

u0420u0430u0441u043fu0440u043eu0441u0442u0440u0430u043du0435u043du043du044bu0435 u043eu0448u0438u0431u043au0438 u0438 u043au0430u043a u0438u0445 u0438u0437u0431u0435u0436u0430u0442u044c

  1. u042du043au0441u043fu043eu0440u0442u0438u0440u043eu0432u0430u043du043du044bu0439 SVG u0440u0430u0431u043eu0442u0430u0435u0442 u043du0435u043au043eu0440u0440u0435u043au0442u043du043e
    u0415u0441u043bu0438 u0432 SVG u0435u0441u0442u044c u044du0444u0444u0435u043au0442u044b, u0442u0430u043au0438u0435 u043au0430u043a u0440u0430u0437u043cu044bu0442u0438u0435, u0438u043bu0438 u043du0435u043fu043eu0434u0434u0435u0440u0436u0438u0432u0430u0435u043cu044bu0435 u0448u0440u0438u0444u0442u044b, u043eu043d u043cu043eu0436u0435u0442 u043eu0442u043eu0431u0440u0430u0436u0430u0442u044cu0441u044f u043du0435u043fu0440u0430u0432u0438u043bu044cu043du043e. u0423u043fu0440u043eu0441u0442u0438u0442u0435 u0434u0438u0437u0430u0439u043d u043fu0435u0440u0435u0434 u044du043au0441u043fu043eu0440u0442u043eu043c.

  2. u0424u0430u0439u043b u044du043au0441u043fu043eu0440u0442u0438u0440u0443u0435u0442u0441u044f u0432 PNG u0438u043bu0438 u0434u0440u0443u0433u043eu043c u0444u043eu0440u043cu0430u0442u0435
    u0412u0441u0435u0433u0434u0430 u043fu0435u0440u0435u043fu0440u043eu0432u0435u0440u044fu0439u0442u0435, u0447u0442u043e u0432 u0432u044bu043fu0430u0434u0430u044eu0449u0435u043c u0441u043fu0438u0441u043au0435 u0444u043eu0440u043cu0430u0442u043eu0432 u0432u044bu0431u0440u0430u043d u00abSVGu00bb. u041fu043e u0443u043cu043eu043bu0447u0430u043du0438u044e u0442u0430u043c u043cu043eu0436u0435u0442 u043eu0442u043eu0431u0440u0430u0436u0430u0442u044cu0441u044f PNG.

  3. u0412 u044du043au0441u043fu043eu0440u0442 u043fu043eu043fu0430u043bu0438 u043bu0438u0448u043du0438u0435 u044du043bu0435u043cu0435u043du0442u044b
    u0423u0431u0435u0434u0438u0442u0435u0441u044c, u0447u0442u043e u0432u044b u0432u044bu0431u0440u0430u043bu0438 u0442u043eu043bu044cu043au043e u0442u043e, u0447u0442u043e u0445u043eu0442u0438u0442u0435 u044du043au0441u043fu043eu0440u0442u0438u0440u043eu0432u0430u0442u044c. u0418u0441u043fu043eu043bu044cu0437u0443u0439u0442u0435 u0433u0440u0443u043fu043fu044b u0438u043bu0438 u0444u0440u0435u0439u043cu044b, u0447u0442u043eu0431u044b u0438u0437u043eu043bu0438u0440u043eu0432u0430u0442u044c u043eu0431u044au0435u043au0442 u044du043au0441u043fu043eu0440u0442u0430.

  4. u041fu043eu0442u0435u0440u044f u043au0430u0447u0435u0441u0442u0432u0430 u0432 u044du043au0441u043fu043eu0440u0442u0438u0440u043eu0432u0430u043du043du043eu043c SVG
    u041fu043eu0441u043au043eu043bu044cu043au0443 SVG u2014 u044du0442u043e u0432u0435u043au0442u043eu0440u043du044bu0439 u0444u043eu0440u043cu0430u0442, u043fu0440u043eu0431u043bu0435u043cu044b u0441 u043au0430u0447u0435u0441u0442u0432u043eu043c u0432u043eu0437u043du0438u043au0430u044eu0442 u0440u0435u0434u043au043e, u043du043e u0441u0442u0430u0440u0430u0439u0442u0435u0441u044c u0438u0441u043fu043eu043bu044cu0437u043eu0432u0430u0442u044c u043eu0431u044au0435u0434u0438u043du0435u043du043du044bu0435 u0432u0435u043au0442u043eu0440u044b u0438 u0438u0437u0431u0435u0433u0430u0439u0442u0435 u0441u043bu043eu0436u043du044bu0445 u0440u0430u0441u0442u0440u043eu0432u044bu0445 u0438u0437u043eu0431u0440u0430u0436u0435u043du0438u0439 u0432u043du0443u0442u0440u0438 u0444u0430u0439u043bu0430.

  5. u0421u043bu0438u0448u043au043eu043c u0431u043eu043bu044cu0448u043eu0439 u0440u0430u0437u043cu0435u0440 SVG-u0444u0430u0439u043bu0430
    u041eu0447u0438u0441u0442u0438u0442u0435 u043du0435u0438u0441u043fu043eu043bu044cu0437u0443u0435u043cu044bu0435 u0441u043bu043eu0438 u0438 u043au043eu043du0442u0443u0440u044b. u041fu0440u0438 u043du0435u043eu0431u0445u043eu0434u0438u043cu043eu0441u0442u0438 u043fu0440u0435u043eu0431u0440u0430u0437u0443u0439u0442u0435 u0442u0435u043au0441u0442 u0432 u043au043eu043du0442u0443u0440u044b, u0447u0442u043eu0431u044b u0443u043cu0435u043du044cu0448u0438u0442u044c u0440u0430u0437u043cu0435u0440 u0444u0430u0439u043bu0430.

Часто задаваемые вопросы об экспорте SVG из Figma

  1. Как экспортировать файл SVG в Figma?
    Выберите объект или фрейм, перейдите в правую боковую панель, добавьте настройки экспорта, выберите SVG в качестве формата, а затем нажмите «Экспорт» (Export).

  2. Можно ли экспортировать несколько SVG одновременно?
    Да, выберите несколько фреймов или компонентов и примените настройки экспорта к каждому из них перед началом общего экспорта.

  3. Останется ли мой текст редактируемым в SVG?
    По умолчанию да. Если вы хотите гарантировать совместимость, преобразуйте текст в контуры (векторные кривые) перед экспортом.

  4. В чем преимущество использования SVG по сравнению с PNG?
    Файлы SVG масштабируемы, мало весят и сохраняют качество при любом разрешении. Они идеально подходят для иконок и элементов интерфейса.

  5. Можно ли использовать экспортированный SVG на веб-сайте?
    Да, экспортированные SVG из Figma готовы к использованию в Интернете и могут быть встроены непосредственно в HTML или использованы в качестве графических ресурсов.

  6. Как записать видео с экрана на Mac? 
    Чтобы записать видео с экрана на Mac, вы можете использовать Trupeer AI. Эта программа позволяет захватывать весь экран и предоставляет возможности ИИ, такие как добавление ИИ-аватаров, озвучки, эффектов приближения и удаления в видео. Благодаря функции ИИ-перевода видео от Trupeer вы можете перевести видео более чем на 30 языков. 

  7. Как добавить ИИ-аватар на запись экрана?
    Чтобы добавить ИИ-аватара на запись экрана, вам понадобится инструмент записи экрана с ИИ. Trupeer AI — это как раз такой инструмент, который помогает создавать видеоролики с несколькими аватарами, а также позволяет создать собственный аватар для видео.

  8. Как записать видео с экрана на Windows?
    Чтобы записать видео с экрана на Windows, вы можете использовать встроенную игровую панель (Windows + G) или продвинутый ИИ-инструмент, такой как Trupeer AI, для получения доступа к более сложным функциям, включая ИИ-аватары, озвучку, перевод и т. д.

  9. Как добавить озвучку к видео?
    Чтобы добавить озвучку к видео, скачайте расширение Trupeer AI для Chrome. После регистрации загрузите свое видео со звуком, выберите желаемый голос за кадром в Trupeer и экспортируйте отредактированное видео. 

  10. Как приблизить изображение на записи экрана?
    Чтобы увеличить масштаб во время записи экрана, используйте эффекты масштабирования в Trupeer AI, которые позволяют приближать и отдалять изображение в определенные моменты, усиливая визуальный эффект вашего видеоконтента.

Другие также спрашивают

Генератор технической документации

Руководство пользователя

Программное обеспечение для базы знаний

Как скрыть названия фреймов в Figma

Как сохранить файл Figma

Как сделать сетку в Figma

Как увеличить масштаб в Figma с помощью боковой панели

Как размыть фон в Figma

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Вся эта страница — от видео до пошагового руководства — была создана с помощью Trupeer AI за считанные минуты.

Вся эта страница — от видео до пошагового руководства — была создана с помощью Trupeer AI за считанные минуты.

Вся эта страница — от видео до пошагового руководства — была создана с помощью Trupeer AI за считанные минуты.