Export Kit - Figma Design to .JSON Exporter
Export image assets and text layer properties from your Figma templates in one click.
Plugin Preview
About this plugin
Export Kit is a powerful Figma plugin designed for creators working with social media templates, just like in Canva or Adobe Express.
This plugin helps you extract all text and image properties from your selected frame and export them to a structured JSON file, along with automatically generated image assets (PNG/JPG).
What it exports:
Text Properties:
font family, font size, alignment, color, position (x, y), width, height, and the actual text
Image Properties:
image size, position (x, y), width, height, and exportable images
Use Cases:
- Automate your export for design-to-code pipelines
- Use JSON in custom renderers (web, mobile, apps)
- Convert branded templates into reusable config files
Save hours on manual layer inspection. Export Kit does it all—clean, structured, and fast.
Plugin Details
| Version | 3 |
|---|---|
| Created | July 30, 2025 |
| Last Updated | August 19, 2025 |
| Category | Import & export plugins |
| Creator | UPSQUARE TECHNOSYS PRIVATE LIMITED |
| Stats | 22 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML