{"id":18889022,"url":"https://github.com/naver/zeplin-flutter-gen","last_synced_at":"2026-02-19T01:01:34.089Z","repository":{"id":41736681,"uuid":"229855827","full_name":"naver/zeplin-flutter-gen","owner":"naver","description":"🚀The Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, ... - Save your time.","archived":false,"fork":false,"pushed_at":"2025-04-29T01:16:10.000Z","size":1585,"stargazers_count":54,"open_issues_count":7,"forks_count":5,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-29T01:32:15.314Z","etag":null,"topics":["dart","flutter","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/naver.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,"zenodo":null}},"created_at":"2019-12-24T02:30:00.000Z","updated_at":"2025-04-29T00:28:14.000Z","dependencies_parsed_at":"2023-02-06T12:15:43.532Z","dependency_job_id":"54a20e9c-fdd8-4618-9e39-781dd9370600","html_url":"https://github.com/naver/zeplin-flutter-gen","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/naver/zeplin-flutter-gen","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naver%2Fzeplin-flutter-gen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naver%2Fzeplin-flutter-gen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naver%2Fzeplin-flutter-gen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naver%2Fzeplin-flutter-gen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/naver","download_url":"https://codeload.github.com/naver/zeplin-flutter-gen/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naver%2Fzeplin-flutter-gen/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29600349,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T00:59:38.239Z","status":"ssl_error","status_checked_at":"2026-02-19T00:59:36.936Z","response_time":162,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["dart","flutter","zeplin","zeplin-extension"],"created_at":"2024-11-08T07:47:05.848Z","updated_at":"2026-02-19T01:01:30.011Z","avatar_url":"https://github.com/naver.png","language":"JavaScript","funding_links":[],"categories":["Utilities [🔝](#readme)"],"sub_categories":[],"readme":"# Flutter Gen Zeplin Extension 🚀 \nThe Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, ... - Save your time. `⬇ 1.1k`\n\n## Getting started\nAdd the extension to your project from [extensions.zeplin.io](https://extensions.zeplin.io).\n\n## Features\n\n✅ `Text` Widget \u003c/br\u003e\n✅ `RichText` Widget \u003c/br\u003e\n✅ `Container` Widget \u003c/br\u003e\n✅ `BoxDecoration` \u003c/br\u003e\n✅ `BoxShadow` \u003c/br\u003e\n✅ `Border` \u003c/br\u003e\n✅ `TextStyle` \u003c/br\u003e\n✅ `StrutStyle` \u003c/br\u003e\n✅ Material Color names\n- [ ] `LinearGradient`\n- [ ] `RadialGradient`\n\n## Key points\n\n**dartfmt (dart_style)**\n\nThe generated code format is set to [`dartfmt(dart_style)`](https://github.com/dart-lang/dart_style) as much as possible.\u003c/br\u003eYou don't need to reformat genrated code.\n\n**Options**\n\n\u003cimg width=\"450\" alt=\"preferences\" src=\"https://user-images.githubusercontent.com/14192093/71803976-8d80ff80-30a5-11ea-9254-f42849b98ae9.png\"\u003e\n\n\n\u003ca href=\"#options\"\u003eMany options\u003c/a\u003e are available in the format you want.\n\nex) Option: Use color name ✅\n```dart\nColor(0xffffffff) /// ❌\nColors.white /// ⭕️\n```\n\n## Sample Output\n\n#### `Colors` (Project)\n```dart\nclass ZeplinColors {\n   static const Color red = Color(0xffff0000);\n   static const Color green = Color(0xff00ff00);\n   static const Color yellow = Color(0xffffff00);\n   static const Color white = Color(0xffffffff);\n}\n```\n\n#### `Container` - Layer with shadow:\n```dart\nContainer(\n   height: 100,\n   margin: EdgeInsets.only(\n      left: 50,\n      right: 50,\n   ),\n   decoration: BoxDecoration(\n      boxShadow: [\n         BoxShadow(\n            color: ZeplinColors.black50,\n            offset: Offset(0, 2),\n            blurRadius: 4,\n            spreadRadius: 6,\n         ),\n      ],\n   ),\n),\n```\n\n#### `Text` - Text layer\n```dart\nText('Type something',\n   style: TextStyle(\n      color: ZeplinColors.black,\n      fontSize: 20,\n      fontFamily: 'SFProText',\n   ),\n),\n```\n\n#### `RichText` - Text layer with multiple styles\n```dart\nRichText(\n   text: TextSpan(\n      children: [\n         TextSpan(\n            text: 'Type',\n            style: TextStyle(\n               color: ZeplinColors.black,\n               fontSize: 20,\n               fontFamily: 'SFProText',\n               fontWeight: FontWeight.w500,\n            ),\n         ),\n         TextSpan(\n            text: 'something',\n            style: TextStyle(\n               color: ZeplinColors.black,\n               fontSize: 20,\n               fontFamily: 'SFProText',\n            ),\n         ),\n         TextSpan(\n            text: 'red',\n            style: TextStyle(\n               color: ZeplinColors.red,\n               fontSize: 20,\n               fontFamily: 'SFProText',\n            ),\n         ),\n      ],\n   ),\n),\n```\n\n## Options\n\n| Description                                | Default value                               | Example                                                  |\n|:-------------------------------------------|:------------------------------------------- |:-------------------------------------------------------- |\n| Color class name prefix                    | `Zeplin`                                    | `class ZeplinColors`                                     |\n| Use color name                             | `true`                                      | `Color(0xffffffff)` =\u003e `ZeplinColors.white`              |\n| Text class name prefix                     | ` `                                         | `Text` =\u003e `CustomText`                                   |\n| TextStyle class name prefix                | `Zeplin`                                    | `class ZeplinTextStyles`                                 |\n| Use text style name                        | `false`                                     | `ZeplinTextStyles.title`                                 |\n| Skip Default value                         | `true`                                      | ~~FontWeight.w400~~, ~~FontStyle.normal~~                |\n| Skip width in Container                    | `true`                                      | `Container(`~~width: 120~~`)`                            |\n| Skip height in Container                   | `false`                                     | `Container(height: 120)`                                 |\n| Skip margin left \u0026 right in Container      | `false`                                     | `Container(margin: EdgeInsets.only(left: 20, right: 20)` |\n| Skip font family in TextStyle              | ` `                                         | `AppleSDGothicNeo,HelveticaNeue (* : All font)`          |\n| Skip letterSpacing in TextStyle            | `true`                                      | `TextStyle(`~~letterSpacing: 1.2~~`)`                    |\n| Skip lineHeight in TextStyle               | `true`                                      | `TextStyle(`~~height: 1.2~~`)`                           |\n| Skip StrutStyle in Text                    | `true`                                      | `Text('', `~~strutStyle: StrutStyle()~~`)`               |\n\n## Contributing\n\nWelcome to contribute. Thank you very much for your supporting!\n\n## Development\n\nThis extension is developed using [zem](https://github.com/zeplin/zem), Zeplin Extension Manager. zem is a command line tool that lets you quickly create, test and publish extensions.\n\nTo learn more about creating Zeplin extensions, [see documentation](https://github.com/zeplin/zeplin-extension-documentation).\n\n## License\n\n```\nCopyright (c) 2019-present NAVER Corp.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaver%2Fzeplin-flutter-gen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaver%2Fzeplin-flutter-gen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaver%2Fzeplin-flutter-gen/lists"}