There was a bug documented back in July that is still live. Every time I export a PDF, my links get this weird black box added around them.
Old bug report: https://spectrum.chat/figma/general/pdf-links-with-ugly-borders-how-to-remove-them~46de5a36-2288-48ac-81c1-4dacc1b01f15
How it looks in Figma:
How it exports to Adobe Acrobat:
Best answer by Gleb
Note that this is only a problem in Acrobat. If you open this doc in the browser (Chrome, Edge, etc.), you won’t see these outlines. There are a couple of ways to solve this:
While you have the PDF open, click edit PDF, then select link → Add/Edit Web or Doc Link. Double click the link that has a box around it and change the link type from “visible rectangle” to “invisible rectangle.” (Sources: Reddit and Musli)
The TinyImage plugin could not only remove these outlines, but also compress the PDF which is often necessary when exporting from Figma as the native PDF export is uncompressed and often results in huge files.
Finally, Niklas Higi on Twitter shared a way to do this programmatically.
/Link and replace it with /Link /Border [0, 0, 0] everywhere using the find and replace text featureIf you’re comfortable with the terminal, you can also run the following command to accomplish the same thing:
sed 's|/Link|/Link /Border [0 0 0]|' original.pdf > fixed.pdf
Thank you so much. That’s work for me.
Sadly, this work around is not easy when you have at least 20 link in a doc and have multiple versions…
Just export pdf no link from figma.
Then open it with foxit reader and use hightlight (shortkey - T) to select text you want put link. Press RIght mouse => create link => Thickness: 0 => next => paste link => done.
THank you so much! It is really helpful!
I put a small visual walkthrough on how to use this Terminal command in Figma community for anyone that isn’t familiar with the command line.
Figma – 11 Jan 23
Figma please fix this simple but annoying little thing!
Hi friends, if anyone is looking for another option for resolving this, our TinyImage plugin exports compressed PDFs without any outlines around links by default (you can optionally turn them back on in the plugin settings if needed). Hope it helps someone coming across the thread 😊
Hi could you please help me? I am trying this command, but it keeps giving me this message, " ‘sed’ is not recognized as an internal or external command,
operable program or batch file."
What should I do?
sed is only available on unix/mac by default. Maybe this will help: windows - Is there any sed like utility for cmd.exe? - Stack Overflow
Or see my answer for alternative solutions: Bug: Exporting to PDF adds a random box around my links - #3 by Gleb
It works. Thanks a lot.
Also having this issue when uploading a PDF to LinkedIn as a résumé.
Here’s what worked for me:
VSCode (or other text editor): find & replace all instances of
/Rect
with
/BS<</S/S/Type/Border/W 0>>/Border[0 0 0]/Rect
So good, thank-you!
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
