PDF to Figma, as editable text

A published Figma community plugin that imports a PDF as native, editable Figma TEXT nodes — not a flat screenshot. Powered by okraPDF parsing, so every word lands in the right place.

Install the Figma plugin

Most PDF-to-Figma imports give you a screenshot

Drag a PDF into a design file and you usually get a flattened raster image: pixels you can look at but can't touch. To change a heading, fix a typo, or restyle a paragraph, you end up retyping the whole page by hand on top of the picture. PDF to Figma takes a different route. It reads the actual text in the page and rebuilds it as real Figma TEXT layers, positioned where they belong, so the import is something you can immediately keep designing with.

Real TEXT nodes you can select, edit, and restyle — not outlined vectors or an image crop of the words.
Each text block keeps its place on the page, so the layout matches the source instead of collapsing into one box.
The page background is rehosted as a single image layer underneath, so logos, rules, and artwork still show through while the copy stays editable on top.
Best-effort font matching against common Google Fonts (Oswald, Open Sans, Montserrat, Roboto); minor weight drift is easy to nudge, and far better than a locked screenshot.

How it works

The whole flow lives inside Figma. There's no separate export step and no file to download and re-import.

Open the plugin from the Figma community page and run it on the file where you want the page.
Pick the PDF and choose the page to bring in.
The plugin renders the page, sends it to okraPDF, and gets back the page's text with its position on the page.
It draws native Figma TEXT layers for each text block and drops the page background in as an image fill behind them.
Select any text layer and edit it like anything else you'd type in Figma.

Why the text lands in the right spot

The placement isn't guessed from the picture. okraPDF parses the page so every piece of text keeps its position — the same clean, structured output the okraPDF Parse API returns from one call. The plugin uses those positions to place each TEXT node, which is why a multi-column report or a form comes in laid out instead of stacked. The Figma plugin is the design-facing front end; the parsing underneath is the same engine you can call directly over the API for HTML, data extraction, or your own tooling.

Text is positioned from parsed bounding boxes, not traced from a raster.
Same node-graph output that powers okraPDF's Parse API and other integrations.
Multi-column and form layouts keep their structure on the canvas.

Who it's for

If you spend time rebuilding existing documents in Figma — reports, brochures, forms, slide-shaped PDFs, brand collateral handed off as a PDF — this skips the retyping. Designers and design engineers get a real layer tree to work from on the first pass: change copy, swap a font, re-color a heading, or lift a section into a component, without first reconstructing the page from a flat image. It's a starting layer set to refine, not a pixel-perfect clone, which is exactly the trade-off most people doing this work want.

Designers recreating a print or PDF document as an editable Figma file.
Design engineers turning a delivered PDF into components and tokens.
Teams iterating on report and form layouts that only exist as PDFs.

Frequently asked questions

Do I get editable text or just an image?

Editable text. The plugin creates native Figma TEXT layers for the text it finds, positioned on the page, with the page background placed behind them as an image fill. You can select and edit the words directly — it's not a flattened screenshot of the page.

Will the fonts match exactly?

It matches against common Google Fonts on a best-effort basis and splits family and weight so things like Oswald Bold map correctly. Expect occasional minor weight or spacing drift, which is quick to adjust. The plugin favors keeping the text editable over baking the type into a non-editable raster for pixel fidelity.

Can it bring in multiple pages at once?

You choose the page to import per run. For a multi-page document, run the plugin once per page. Page-by-page keeps each imported page as its own clean frame on the canvas.

Does this need an okraPDF account or API key?

Install and run the plugin from the Figma community page. The parsing that positions the text is okraPDF's; if you later want that same parsing programmatically — text, layout, and bounding boxes from one call — that's the okraPDF Parse API, where API keys and billing live.