{"id":13343865,"url":"https://github.com/lichin-lin/fitty","last_synced_at":"2026-04-21T03:34:27.112Z","repository":{"id":37186043,"uuid":"249678830","full_name":"lichin-lin/fitty","owner":"lichin-lin","description":"Zeplin pop out feature on Windows, MacOS, and Linux, currently support design wireframe from Zeplin and Figma","archived":false,"fork":false,"pushed_at":"2022-12-15T23:36:54.000Z","size":30659,"stargazers_count":6,"open_issues_count":46,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-12T06:33:09.501Z","etag":null,"topics":["designops","electron","figma","zeplin"],"latest_commit_sha":null,"homepage":"","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/lichin-lin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-03-24T10:31:41.000Z","updated_at":"2025-01-20T15:09:50.000Z","dependencies_parsed_at":"2023-01-29T05:30:51.195Z","dependency_job_id":null,"html_url":"https://github.com/lichin-lin/fitty","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lichin-lin/fitty","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lichin-lin%2Ffitty","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lichin-lin%2Ffitty/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lichin-lin%2Ffitty/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lichin-lin%2Ffitty/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lichin-lin","download_url":"https://codeload.github.com/lichin-lin/fitty/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lichin-lin%2Ffitty/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32075256,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-21T02:38:07.213Z","status":"ssl_error","status_checked_at":"2026-04-21T02:38:06.559Z","response_time":128,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["designops","electron","figma","zeplin"],"created_at":"2024-07-29T19:32:04.901Z","updated_at":"2026-04-21T03:34:27.079Z","avatar_url":"https://github.com/lichin-lin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"internals/img/fitty-logo.png\" width=\"96px\" /\u003e\n\u003cbr\u003e\n\u003cp\u003e\n  Fitty is a helper for you to use \u003ca href=\"https://support.zeplin.io/en/articles/1437093-comparing-app-website-with-designs-using-pop-out\" target=\"_blank\"\u003eZeplin pop out\u003c/a\u003e feature on Windows, MacOS, and Linux, currently support design wireframe from Zeplin and Figma\n\u003c/p\u003e\n\u003cbr\u003e\n\n\u003chr /\u003e\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n![Fitty Demo](internals/img/demo.gif)\n\n\u003c/div\u003e\n\n## How to start fitty for zeplin wireframe\n1. Login to your zeplin account on \u003ca href=\"https://app.zeplin.io/projects\" target=\"_blank\"\u003eZeplin\u003c/a\u003e.\n\n2. Go to \u003ca href=\"https://app.zeplin.io/profile/developer\" target=\"_blank\"\u003eDeveloper section\u003c/a\u003e for your profile.\n\n3. Create your Personal access tokens.\n\n4. Paste it into Fitty \u003e ControlPanel \u003e Figma Section \u003e `Token` Field\n## How to start fitty for figma wireframe\n1. Login to your Figma account on \u003ca href=\"https://www.figma.com/\" target=\"_blank\"\u003eFigma\u003c/a\u003e.\n2. Head to the Account Settings from the top-left menu inside Figma.\n3. Find the Personal Access Tokens section, click Create new token.\n4. A token will be generated. This will be your only chance to copy the token, so make sure you keep a copy of this in a secure place.\n\n5. Paste it into Fitty \u003e ControlPanel \u003e Figma Section \u003e `Token` Field\n\n## Variables\n### General\n| key  | type | Description |\n| ------------- | ------------- | ------------- |\n| Opacity  | Number  | value from 0 ~ 1 for frame's opacity |\n| Scale  | Number | value is the percantage for the frame's scaling  |\n### Zeplin\nopen the target page on web, you can get the variables from the URL (for example: https://app.zeplin.io/project/5d3961af5fd2632e5d62fc/screen/5e995dc1de21117e66ea7b/)\n| key  | type | Description |\n| ------------- | ------------- | ------------- |\n| Project ID  | String  | for the URL above, project ID is `5d3961af5fd2632e5d62fc` |\n| Section ID  | String | for the URL above, screen ID is `5e995dc1de21117e66ea7b` |\n\n### Figma\nselect the frame on Figma, you can get the variables from the URL (for example: https://www.figma.com/file/RRpJmU5bfidxMFboh65ZaX/contra-wireframe-kit-(Community)?node-id=2%3A9167)\n| key  | value | Description |\n| ------------- | ------------- | ------------- |\n| File ID  | String  | for the URL above, file ID is `RRpJmU5bfidxMFboh65ZaX` |\n| Frame ID  | String  | for the URL above, frame ID is `2:9167`, (*%3A* is the Escape Code for `:` Character) |\n\n## Install\n```bash\nyarn install\n```\n\n## Starting Development\n\nStart the app in the `dev` environment. This starts the renderer process in [**hot-module-replacement**](https://webpack.js.org/guides/hmr-react/) mode and starts a webpack dev server that sends hot updates to the renderer process:\n\n```bash\nyarn dev\n```\n\n## Packaging for Production\n\nTo package apps for the local platform:\n\n```bash\nyarn package\n```\n\n## License\n\nMIT © [Electron React Boilerplate](https://github.com/electron-react-boilerplate)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flichin-lin%2Ffitty","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flichin-lin%2Ffitty","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flichin-lin%2Ffitty/lists"}