Convert a PDF open in your browser into Figma

Last updated

When the tab you’re on is a PDF, the html.to.design popup turns into a PDF converter: every page becomes editable Figma layers, with real text, vectors and images, ready to paste on your canvas. It works on a PDF open in Chrome’s viewer, a PDF embedded in a page, and a local PDF file.

How to convert a PDF into Figma

  1. Open the PDF in your browser.
  2. Click the html.to.design icon.
  3. Click Copy PDF to clipboard. The button shows Converting… while it works, then PDF copied to clipboard.
  4. Paste in Figma with ⌘V or Ctrl+V.

PDF conversion is billed to your ‹div›RIOTS ONE credits. If you aren’t signed in, the popup shows Log in to ‹div›RIOTS ONE. If you’re signed in with a Figma account, it offers Switch to ‹div›RIOTS ONE, which signs you out of the Figma account.

Local PDF files

To convert a PDF stored on your computer (a file:// address), the extension needs file access:

  1. Open chrome://extensions and click Details under html.to.design.
  2. Turn on Allow access to file URLs.
  3. Reload the PDF and open html.to.design again.

When a PDF can’t be read

If the extension can’t read a PDF (a local file it can’t open, or a page that no longer holds the PDF), reload the page or download the PDF. The popup then suggests Use pdf.to.design: drop the file into the pdf.to.design Figma plugin, which imports PDF files directly in Figma.

Frequently asked questions

Do I need a ‹div›RIOTS ONE account to convert a PDF?

Yes. PDF conversion is billed to ‹div›RIOTS ONE credits, so the extension asks you to log in to ‹div›RIOTS ONE, or to switch to it if you're signed in with a Figma account.

How do I convert a PDF stored on my computer?

Open it in Chrome, then turn on Allow access to file URLs on the extension's details page (chrome://extensions, then Details under html.to.design).