JSONify
JSONify simplifies your workflow by automatically converting selected text layers into JSON data.
Plugin Preview
About this plugin
Export Text Layers as JSON
JSONify simplifies your workflow by automatically converting selected text layers into structured JSON data.
In JSONify, each Figma layer’s name becomes a key in the exported JSON, and the text content within the layer becomes its corresponding value.
For example, a layer named "title" containing the text "Hello World!" would generate the following JSON entry:
"title": "Hello World! (classic 😉)"
This straightforward mapping keeps your exported JSON organized, clean, and easy to integrate - directly reflecting the structure of your design.
How the Plugin Works
- Layer names = Object keys: Each layer name becomes a key in the exported JSON object.
- Line breaks = Array items: Text containing line breaks (\n) is split into an array of strings.
- Groups = Arrays: Grouped text layers are exported as array items under the group's name.
- Prefix “exclude-” to skip: Any layer whose name starts with exclude- will be excluded from the export.
🖤 Open-source & community-driven! Check out the code or contribute: https://github.com/ko-ko-lo/figma-json-export
💬 Feedback, ideas, or just want to say hi? Drop a comment - I’d love to hear from you!
Plugin Details
Version | 6 |
---|---|
Created | November 11, 2024 |
Last Updated | May 20, 2025 |
Category | Software development |
Creator | Denise Kolodzey |
Stats | 3 installs, 1 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://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI