Back to Plugins
Data-Ready SVG Exporter

Data-Ready SVG Exporter

Convert Figma blocks to SVG with preserved layer markup for auto-generating documents.

Plugin Preview

Data-Ready SVG Exporter preview

About this plugin

Export page-like nodes into contract-friendly page.svg and sidecar page.json so downstream pipelines can substitute data into slots and render PDFs.SVG — Full frame as one SVG: static background (vector, shapes, images) plus text slots as and image slots as . Slots keep stable ids; text keeps font, size, fill, position. Used as the visual template for PDF/layout engines.Sidecar JSON — Page metadata (id, index, size), list of slots with id, type, bounds, and for text slots font/style and sample text. Used to validate export, drive substitution (which slot gets which data), and as a fallback when parsing SVG is not enough.How it worksSelect one root node named like [p1], [p2] or [p2] Block_namePlugin exports the full frame as SVG via Figma’s API (exportAsync SVG_STRING)Slots matching the naming contract are detected; text and image slots are emitted by contract (... and ...)Mixed-style text is split into segments (multiple ); rotated slots get transform="rotate(...)"Result: one full SVG plus sidecar JSON and diagnostics

Plugin Details

Version3
CreatedMarch 9, 2026
Last UpdatedMarch 9, 2026
CategoryImport & export plugins
CreatorTtkacheff
Stats0 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none