Turn Figma frames into
print, slides, layers, or code

Copy a frame, paste it here — or run the plugin in Figma. Get a print-ready PDF, an editable PowerPoint, layered Photoshop files, or clean HTML.

Web app

Export from your browser

Nothing to install. Copy a Figma frame, paste it here, and download your output file.

Click here, then paste (Ctrl+V) Figma frames

or drop a .fig file, or

One page per frame. Real text you can search and select, with the fonts embedded.

You get
  • PDF
  • PowerPoint
  • Photoshop
  • Web page
Figma plugin

Export from Figma

Select the frames, choose the output, and export — no tab switching, no copy-paste.

You get
  • PDF
  • PowerPoint
  • Photoshop
  • Web page
Get the plugin
Or use the API
APIapi.divriots.com/v1

Export Figma designs with the API

Plug Figma export into your own app, script or pipeline. POST /convert, poll the job, then download the PDF, the deck or the code — no Figma tab, no plugin, nobody clicking Export.

output.format — pick one

A print-ready PDF, one page per frame, with selectable text and embedded fonts.

1 credit per frame, whatever the design. Send a .fig file, a copied Figma selection or Figma REST JSON.

curl https://api.divriots.com/v1/convert \
-H "Authorization: Bearer $API_KEY" \
-H "Content-Type: application/json" \
-d '{
"input": { "format": "fig",
"url": "https://…/launch.fig" },
"output": { "format": "pdf" }
}'
Response3 frames · 3 credits
202Accepted · job queued
200GET /convert/jobs/{jobId}"done"

resultUrl → the PDF, one page per frame

  • result.pdfPDF
  • CoverPAGE 1
  • FeaturesPAGE 2
  • PricingPAGE 3

How it works

  1. 1 · Copy

    Select frames in Figma and copy (Ctrl+C) — or export a .fig and drop it here.

  2. 2 · Paste & pick

    Paste here, or run the plugin inside Figma. Choose the output: a PDF, a PowerPoint deck, Photoshop layers, or a web page.

  3. 3 · Download

    Get a searchable PDF ready for print, an editable deck, layered PSDs, or a per-frame code archive. 1 credit per frame.

One paste, four outputs

export.design keeps the parts of a Figma frame each format can express natively, and falls back to a crisp bitmap only where it must. Here's what your frames become in each output.

How export.design renders each design element into a PDF, a PowerPoint deck, a Photoshop file and a web page.
ElementPDF.pdfPowerPoint.pptxPhotoshop.psdWeb page.html
TextReal, selectable & searchableEditable text boxesA pixel layer eachReal text in the DOM
FontsSubsetted & embeddedMatched by nameDrawn as Figma draws themEmbedded via @font-face
Shapes & vectorsKept vector, crisp at any zoomNative shapes & custom geometryA named layer eachInline SVG
ImagesFull-resolution fillsNative pictures, crop keptPixel layersExtracted as asset files
Colors & gradientsVector gradients · CMYK or PDF/X-4 for printNative gradients · conic rasterizedAs Figma renders themCSS gradients, incl. conic
Shadows & effectsVector shadows · blur rasterizedNative shadows · blur & blend rasterizedBlend modes & masks keptLive CSS filters & blend modes
LayoutOne page per frame, never reflowsExact positions, named groupsNamed layers & groupsAuto-layout → real flex
Multiple framesOne document, a page eachOne slide each, in orderOne .psd each, zippedOne folder each, zipped
Best forPrint & sharingDecks & presentingRetouching & compositingWeb, email & LLMs
Export your first frame

What gets converted

  • Text & fonts

    Every word is exported as real text — selectable in the PDF, an editable box in PowerPoint, a DOM node on the web. Fonts are subsetted and embedded for PDF and HTML, and matched by name for PowerPoint. In Photoshop, text is a pixel layer of its own.

  • Shapes & vectors

    Rectangles, lines and custom paths are exported as vectors — inline SVG on the web, native shapes in PowerPoint, crisp at any zoom in the PDF. Not flattened to pixels, except in Photoshop, where each is a named layer.

  • Images

    Image fills are kept at full resolution and extracted as reusable assets, with crop and tiling preserved. An image used across many frames is stored once.

  • Colors, gradients & effects

    Solid fills, gradients and shadows come across as native values. Only what a format genuinely can’t express — a conic gradient in PowerPoint, a layer blur — falls back to a crisp bitmap. Photoshop gets every layer as Figma renders it.

  • PDF ready for print

    Pick a paper size, orientation and margins, or keep each page the size of its frame and add a 3 or 5 mm bleed with crop marks. Turn the PDF CMYK, or PDF/X-4 for a European (FOGRA39) or US (GRACoL 2013) press.

  • Layers for Photoshop

    Each frame becomes a layered PSD: every layer rendered as Figma draws it, with its name, its group, its blend mode and its mask. Ready to retouch or composite.

export.design runs on our own conversion engine — no LLM, no prompt. So the output is deterministic, near-instant, and priced flat: 1 credit per frame, whatever the design.

Pricing

A flat 1 credit per frame, whatever the design.

  • Starter

    Free

    ‹div›RIOTS ONE free plan: 10 credits a month, 20 your first month.
    No credit card required.

    Signup
  • Level upNeed more?

    Upgrade your subscription any time — every ‹div›RIOTS product, one plan.

    Upgrade

Contact us

If you have feedback, suggestions, or want to report a bug, please email us at [email protected] or join our community on Discord.