{"id":13343895,"url":"https://github.com/berkcebi/zeplin-json-extension","last_synced_at":"2025-09-08T16:42:19.703Z","repository":{"id":29750492,"uuid":"122554390","full_name":"berkcebi/zeplin-json-extension","owner":"berkcebi","description":"Generates design tokens in JSON, for Zeplin colors and text styles. 🗂","archived":false,"fork":false,"pushed_at":"2024-01-11T02:24:26.000Z","size":787,"stargazers_count":8,"open_issues_count":3,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-24T16:49:47.290Z","etag":null,"topics":["zeplin","zeplin-extension"],"latest_commit_sha":null,"homepage":"https://extensions.zeplin.io/berk/zeplin-json-extension","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/berkcebi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2018-02-23T00:51:05.000Z","updated_at":"2024-03-21T11:02:05.000Z","dependencies_parsed_at":"2024-10-24T07:03:39.838Z","dependency_job_id":"25081016-7824-4f5b-8e90-0b32ea4e8315","html_url":"https://github.com/berkcebi/zeplin-json-extension","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/berkcebi%2Fzeplin-json-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/berkcebi%2Fzeplin-json-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/berkcebi%2Fzeplin-json-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/berkcebi%2Fzeplin-json-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/berkcebi","download_url":"https://codeload.github.com/berkcebi/zeplin-json-extension/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225629653,"owners_count":17499295,"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":["zeplin","zeplin-extension"],"created_at":"2024-07-29T19:32:05.151Z","updated_at":"2024-11-20T21:14:59.110Z","avatar_url":"https://github.com/berkcebi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"⚠️ **Zeplin now has a built-in feature to export design tokens** (colors, text styles and spacing values) **in JSON**—either using the Zeplin API or as a .zip package. [Learn more.](https://support.zeplin.io/en/articles/5160298-export-design-tokens)\n\n# JSON Design Tokens Zeplin Extension\n\nGenerates design tokens in JSON, for colors and text styles. 🗂\n\nRegardless of which tool the designs are exported from, this extension lets you export JSON files from colors and text styles defined in Zeplin projects and styleguides. Based on internal needs, developers can transform these JSON files and generate code snippets or resources for various platforms.\n\nSample colors output:\n\n```json\n[\n    {\n        \"name\": \"yellow\",\n        \"red\": 254,\n        \"green\": 207,\n        \"blue\": 51,\n        \"alpha\": 1\n    },\n    {\n        \"name\": \"lightOrange\",\n        \"red\": 253,\n        \"green\": 189,\n        \"blue\": 57,\n        \"alpha\": 1\n    }\n]\n```\n\nSample text style output:\n\n```json\n[\n    {\n        \"name\": \"Normal\",\n        \"color\": {\n            \"red\": 87,\n            \"green\": 71,\n            \"blue\": 81,\n            \"alpha\": 1\n        },\n        \"letterSpacing\": 1,\n        \"lineHeight\": 32,\n        \"alignment\": \"left\",\n        \"font\": {\n            \"postscriptName\": \"SFProDisplay-Regular\",\n            \"family\": \"SFProDisplay\",\n            \"size\": 26,\n            \"weight\": \"regular\",\n            \"stretch\": \"normal\"\n        }\n    }\n]\n```\n\n### Options\n\n#### Color representation\n\nSupports RGB, HSLA and Hex. Sample colors output, as Hex:\n\n```json\n[\n    {\n        \"name\": \"yellow\",\n        \"hex\": \"fecf33\",\n        \"alpha\": 1\n    },\n    {\n        \"name\": \"lightOrange\",\n        \"hex\": \"fdbd39\",\n        \"alpha\": 1\n    }\n]\n```\n\n#### Include referenced styleguides\n\nWhether to include colors and text styles from referenced styleguides. For a project, referenced styleguides include the project's linked styleguide and its parent styleguides. For a styleguide, referenced styleguides include the styleguide's parent styleguides.\n\n## Development\n\nZeplin JSON extension is developed using [zem](https://github.com/zeplin/zem), Zeplin Extension Manager. zem is a command line tool that lets you quickly create and test extensions.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fberkcebi%2Fzeplin-json-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fberkcebi%2Fzeplin-json-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fberkcebi%2Fzeplin-json-extension/lists"}