How to use Adobe Fonts in Figma
Everybody loves Adobe, right. I mean it's not like they go out of their way to squeeze as much money from you as they can, or to make it as difficult to get things like an actual font for which you actually paid out out their platform to use on Figma for example.Â
But enough complaining. There's two ways we're going to go about it. Below you have a video that pretty much explains the process of getting the fonts out of Adobe - step by step. And under the video I will try to write a text tutorial (it's pretty much the same as the video but probably slightly more coherent).
How to get Adobe fonts in Figma?
Now I will go trough the process and explain what I did and why I did it.
First you need to be sure you're logged into your Adobe Creative Cloud. When you're not, Adobe automatically uninstalls all the activated fonts.Â
Next thing you're going to want to do is wait until you get a notification saying that your Adobe fonts have been activated. It usually pops on the bottom right side of the screen if you're on Windows.Â
It should look like this but say something along the lines: 14 fonts have been activated.
For Adobe Fonts Location You're Going to go to Either:
- Windows User: C:\Users\[your username]\AppData\Roaming\Adobe\CoreSync\plugins\livetype\r
- MAC User: $HOME/Library/Application\ Support/Adobe/CoreSync/plugins/livetype/. r/
*Side note: it's all on one line, the browser might break them in more depending on your screen size.
You should be looking at a list of encrypted font files which you will copy and then paste into a new folder:
Then you're going to right click individually and add .otf to each one of the files.
This will convert them to actually installable and functional fonts. Like these bad boys:
Â
After that you simply install each one of the fonts by clicking on the file and then pressing the install button. I won't post a picture because it's only one button, I would say it's pretty hard to miss.Â
Extra step:
If you're using the windows app then you're pretty much set to go. Simply launch Figma and the font should be available to use.
If you're using the web version then you will have to go trough an extra step. Click on the image below to get to the font installer page and download either the Windows or the MAC version of the font installer:
And that's all. You can use the fonts in the browser editor too.
And yes, it's not as straightforward as you might want it to be, but it's possible to use Adobe fonts in Figma if you know the font file location and if you're aware that they actually remove the font extension so that you (an honest working man or woman or whatever) are not able to enjoy using your fonts in other tools.
Related Posts:
- How do I Save a Figma prototype as PDF?
- How do I get better at Figma?
- How do I get SF Pro Font in Figma?
- How do I export a Figma file?
- How do I download fonts to Figma?
- How do I convert PSD to Figma?
- How do I preview Figma on my phone?