{"id":13343873,"url":"https://github.com/smartface/smartface-zeplin-extension","last_synced_at":"2025-08-02T11:32:12.615Z","repository":{"id":41703962,"uuid":"243530934","full_name":"smartface/smartface-zeplin-extension","owner":"smartface","description":"Generates Smartface themes from colors and text styles. 📱","archived":false,"fork":false,"pushed_at":"2022-12-12T02:48:30.000Z","size":1601,"stargazers_count":4,"open_issues_count":16,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-08T18:51:39.345Z","etag":null,"topics":["smartface","zeplin","zeplin-extension"],"latest_commit_sha":null,"homepage":"","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/smartface.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}},"created_at":"2020-02-27T13:51:30.000Z","updated_at":"2020-08-11T22:24:40.000Z","dependencies_parsed_at":"2023-01-27T12:02:13.050Z","dependency_job_id":null,"html_url":"https://github.com/smartface/smartface-zeplin-extension","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/smartface/smartface-zeplin-extension","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartface%2Fsmartface-zeplin-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartface%2Fsmartface-zeplin-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartface%2Fsmartface-zeplin-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartface%2Fsmartface-zeplin-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smartface","download_url":"https://codeload.github.com/smartface/smartface-zeplin-extension/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smartface%2Fsmartface-zeplin-extension/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268378965,"owners_count":24240907,"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","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["smartface","zeplin","zeplin-extension"],"created_at":"2024-07-29T19:32:04.960Z","updated_at":"2025-08-02T11:32:12.334Z","avatar_url":"https://github.com/smartface.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\n  \u003cimg height=75 src=\"screenshots/header.png\"/\u003e\n\u003c/h3\u003e\n\n# Smartface Zeplin Extension\n\nGenerating Smartface themes from Zeplin projects has never been easier!\n\n- Install Smartface extension from Zeplin [extension center](https://extensions.zeplin.io/)\n- Go to styleguide of your Zeplin project\n- Select **Color Palette**\n- See **Smartface** tab on the right\n\n\u003cimg width=250 src=\"screenshots/color.png\"/\u003e\n\n- If you click **Export** button on the right, [variables.json](https://developer.smartface.io/docs/using-themes-in-apps#section-inheritance-with-variables) will be created automatically which is ready to use in your Smartface app themes\n- Same also applies for text styles as well\n\n\u003cimg width=250 src=\"screenshots/text.png\"/\u003e\n\nSample variables output:\n```js\n{\n  \"black\": \"rgba(0,0,0,1)\",\n  \"black60\": \"rgba(0,0,0,0.6)\",\n  \"white\": \"rgba(255,255,255,1)\",\n  \"gray\": \"rgba(220,220,220,1)\",\n  \"slategray\": \"rgb(112,128,144,1)\"\n}\n```\n\nSample text style output:\n```js\n{\n  \".headline\": {\n    \"font\": {\n      \"family\": \"SFProText\",\n      \"style\": \"bold\",\n      \"size\": 20\n    },\n    \"textColor\": \"${gray}\"\n  },\n  \".genericTitle\": {\n    \"font\": {\n      \"family\": \"SFProText\",\n      \"style\": \"semibold\",\n      \"size\": 17\n    },\n    \"textColor\": \"${black}\"\n  }\n}\n```\n\n## Development\n\nSmartface 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\nTo learn more about zem, [see documentation](https://github.com/zeplin/zem).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmartface%2Fsmartface-zeplin-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmartface%2Fsmartface-zeplin-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmartface%2Fsmartface-zeplin-extension/lists"}