Web Design » Figma » How do you convert PSD to Figma?

How do you convert PSD to Figma?

Last updated on January 24, 2023 @ 5:43 am

How to Convert PSD to Figma

When you want to convert a Photoshop file to Figma, you first need to open the PSD file in Photoshop.

After that, you’ll need to export the PSD file as an SVG file. However, if SVG is currently not available in your export options, then you need to add SVG by going to Edit > Preferences > Export.

In the window that will appear, tick the checkbox beside the “Use legacy ‘Export As’” section, then click on the “Ok” button.

Now, go to File > Export > Export As in Photoshop.

PRO TIP: PSD to Figma is a popular question on forums and in search engines. The problem is that there is no easy or universally accepted answer. There are a few methods that seem to work for some people, but each has its own set of problems. For example, one method involves using Adobe Photoshop to save the PSD file as an SVG file, then importing the SVG into Figma. However, this often results in the loss of layers and other features, making the process more troublesome than it’s worth. Another method is to use a plugin or extension, but these can be difficult to find and install, and may not work with all versions of Photoshop or Figma. The bottom line is that there is no easy way to convert PSD to Figma, so be prepared for a lot of trial and error if you decide to try this approach.

In the “Export As” window, select the SVG format and click on the “Export” button at the bottom.

Select a file location where you want to save the file and click on the “Save” button.

The next step is to open Figma, and go to the Main menu > File > Place image.

Then, open the SVG file that was converted from the PSD file earlier.

 

Once your file is open in Figma, go again to the Main menu.

Then select File > Save local copy.

 

In the window that will appear, enter the name of the file and make sure that it is saved as a Figma file, then click on the “Save” button.

Once the file has been saved, you can close both the Photoshop and Figma files.

Dale Leydon

Dale Leydon

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