Ultimate Figma Hack for Photoshop Files

In this Figma tutorial, we'll guide you through the process of a workaround for opening Photoshop files in Figma is demonstrated in this tutorial. Rather than directly importing Photoshop files into Figma or relying on plugins, we present an alternative method. By following these steps, you can effectively bridge the gap between the two design tools and enhance your workflow.

Timestamps
00:00 Intro
00:41 Export As
01:14 Set-Up Export Preferences SVG in Photoshop Preferences
01:27 Back in Photoshop to Export as SVG
01:41 Save your SVG File
01:53 Return to Figma and Drag and Drop your SVG into Figma
02:04 Multiple Artboards in Photoshop
02:40 Synopsis

Example Photoshop File Shown in Video

🎥 Thank you for watching this video. For more content just like this make sure to subscribe to the channel, so that you're the first to be notified when there are new videos released:

Let's get started and have some fun!

[ulearntech]

I had accidentally deleted the original comments but some of you had an issue with accessing the 'Export As' Preferences.

Some older Photoshop preferences and plug-ins might not be compatible with the Apple Silicon version If you have a newer Mac OS with M1, M2, M3 or later, there is a work-around for this.

Here's the workaround:
1. Close all of the Adobe application on your mac.
2. Go to Adobe.com (creative cloud account)
3. Log into your account
4. On the left side is your Apps, select that. And hopefully, Photoshop will appear in the middle
5. Click on the three dots beside the open button
6. Select Open (Intel). This lets you choose to run the Intel version of Photoshop, even on your Apple Silicon Mac ( M1, M2, M3 or later)
7. Now, try clicking on 'Open, ' and hopefully it should work!

[hasmiksargsyan]

thank you so much! this was so easy and helpful!

[BrianZvaitaLatestBuzz]

So will the files be smaller in size over creating in figma, and will it not affect website responsiveness

[KariL-freshly]

thank you so much! This is a huge time-saver.