Web Design » Figma » Can You Import PSD Into Figma?

Can You Import PSD Into Figma?

Last updated on September 29, 2022 @ 9:20 am

If you’re a web or interface designer, chances are you’ve used Adobe Photoshop to design your layouts. But what if you want to take those designs and move them into a vector-based design tool like Figma? Can you import PSD into Figma?

The answer is yes, but it’s not as simple as just importing the file. When you import a PSD into Figma, it will automatically rasterize the image, meaning that it will convert it into a bitmap image made up of pixels. This is fine for some designs, but if you’re looking to create a truly responsive web or interface design, you’ll want to use vector-based shapes and elements.

PRO TIP: Please be aware that importing a PSD into Figma may result in some loss of fidelity. We recommend exporting your PSD as a PNG or JPG before importing it into Figma.

There are two ways to get around this. The first is to use Photoshop’s “Export As” feature to export your design as an SVG file.

This will preserve your vector shapes and allow you to import them into Figma. The second option is to use Photoshop’s “Save For Web” feature, which will export your design as an HTML file. You can then open this HTML file in Figma and use the “Vectorize” tool to convert the rasterized images into vector shapes.

So there you have it – yes, you can import PSD into Figma, but you’ll need to export your design as an SVG or HTML file first.

Can You Import PSD Into Figma?

You can import PSD files into Figma, but they will be automatically rasterized upon import. To maintain vector shapes in your design, export your PSD file as an SVG before importing into Figma.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.