Back to Plugins
JSONify

JSONify

JSONify simplifies your workflow by automatically converting selected text layers into JSON data.

textautomationdesign to codefigma developmentdata structuresdataexportkey value pairjson

Plugin Preview

JSONify 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


  1. Layer names = Object keys: Each layer name becomes a key in the exported JSON object.
  2. Line breaks = Array items: Text containing line breaks (\n) is split into an array of strings.
  3. Groups = Arrays: Grouped text layers are exported as array items under the group's name.
  4. 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

Version6
CreatedNovember 11, 2024
Last UpdatedMay 20, 2025
CategorySoftware development
CreatorDenise Kolodzey
Stats3 installs, 1 likes
PricingFree

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