{"id":22341355,"url":"https://github.com/ko-ko-lo/figma-json-export","last_synced_at":"2025-03-26T09:26:53.485Z","repository":{"id":262275304,"uuid":"886732546","full_name":"ko-ko-lo/figma-json-export","owner":"ko-ko-lo","description":"Figma Jsonify Plugin - Generate JSON from Text Layers","archived":false,"fork":false,"pushed_at":"2024-12-03T14:05:01.000Z","size":36,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-31T10:43:56.074Z","etag":null,"topics":["figma","figma-api","figma-plugin"],"latest_commit_sha":null,"homepage":"https://www.figma.com/community/plugin/1437780775818955662/jsonify","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ko-ko-lo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-11T14:01:19.000Z","updated_at":"2024-12-03T14:09:37.000Z","dependencies_parsed_at":"2024-11-11T15:36:22.369Z","dependency_job_id":"e935f8fd-76d3-4730-81f6-7cd109fa5463","html_url":"https://github.com/ko-ko-lo/figma-json-export","commit_stats":null,"previous_names":["ko-ko-lo/figma-json-export"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ko-ko-lo%2Ffigma-json-export","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ko-ko-lo%2Ffigma-json-export/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ko-ko-lo%2Ffigma-json-export/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ko-ko-lo%2Ffigma-json-export/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ko-ko-lo","download_url":"https://codeload.github.com/ko-ko-lo/figma-json-export/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245624903,"owners_count":20646038,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["figma","figma-api","figma-plugin"],"created_at":"2024-12-04T08:06:33.214Z","updated_at":"2025-03-26T09:26:53.455Z","avatar_url":"https://github.com/ko-ko-lo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Jsonify Plugin\n\n_A simple tool to turn text layers into structured JSON files in seconds._\n\nJsonify is a Figma plugin that converts text layer into structured JSON files, simplifying the design-to-development handoff. By leveraging layer names, groups, and hierarchies, it organizes text and nested structures into key-value pairs and arrays. This automation eliminates repetitive tasks like manual text copying, making workflows more efficient and streamlined.\n\n![jsonify](https://github.com/user-attachments/assets/016e086b-348b-4af4-80fe-2efd2adb6028)\n\n## Key Features\n\n- **Specific Layers with Prefixes are excluded:**\nThe prefix \"exclude-\" is used to skip layers that are not wanted in the JSON output. This gives control over what gets exported, keeping the data clean and focused.\n\n- **Auto Layout Layers are Ignored:**\nAuto layout layers are automatically excluded to ensure the exported JSON remains straightforward.\n\n- **Layer Names Become Keys:**\nEach layer's name is transformed into a key in the JSON object, making the output structured and easy to use. Groups become arrays, and nested groups create hierarchical structures that mirror the design.\n\n- **Line Breaks Create Arrays:**\nWhen a text layer contains line breaks (\\n), the text is split into an array. Each line becomes a separate entry in the JSON, making it easy to handle lists or bullet points directly from the design.\n\n- **Grouped Layers as Arrays:**\nGroups in Figma are treated as arrays in the generated JSON. Each child layer inside the group becomes an array entry, keeping the structure intuitive and aligned with the design hierarchy. \n\n## How to use\n\n- Prepare your Figma layers\n- Select layers to export\n- Run the plugin\n\n## Tech Stack\n- **Figma API**: Retrieves and processes text layers.\n- **TypeScript/JavaScript**: Core logic.\n- **HTML \u0026 CSS**: For the plugin UI.\n  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fko-ko-lo%2Ffigma-json-export","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fko-ko-lo%2Ffigma-json-export","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fko-ko-lo%2Ffigma-json-export/lists"}