How to export images from figma?

最新推荐文章于 2025-04-15 10:46:14 发布

RichardLau_Cx

最新推荐文章于 2025-04-15 10:46:14 发布

阅读量842

点赞数

分类专栏： UX设计文章标签： figma export image Frame Panel

本文链接：https://blog.csdn.net/richardlcx/article/details/131094176

版权

2 篇文章

订阅专栏

在Figma中导出图像包括选择图像或帧，打开导出面板，设置如JPEG、PNG、SVG或PDF等格式，指定尺寸和倍数（如@1x，@2x，@3x）。点击导出按钮并选择保存位置，然后保存文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Exporting images from Figma is a simple process. Here are the steps you need to follow:

Select the Image or Frame: You first need to select the image or frame you want to export.
Open the Export Panel: With the image or frame selected, you will need to open the export panel. You can do this by going to the right-hand panel in Figma and selecting the ‘Export’ option. If you don’t see this, ensure you have an object selected, as the Export option is context-sensitive.
Set the Image Settings: In the Export panel, you can set your preferences for the exported image. This includes setting the format (e.g., JPEG, PNG, SVG, or PDF), the size, and any suffixes. For example, if you’re creating assets for an iOS app, you might need to export images at multiple scales: @1x, @2x, and @3x.
Export the Image: Once you’ve set your export settings, click on the ‘+ Export’ button. Figma will then create a new export setting based on your inputs. Click the ‘Export [name]’ button (where [name] is the name of your selected layer) that appears next to the ‘+ Export’ button. Figma will then open a new window for you to choose where you want to save the file.
Save the File: Choose the destination where you want to save the file on your computer and click ‘Save’.

Your image should now be exported! Just navigate to the location where you saved the file to access it.