{"id":21378864,"url":"https://github.com/digital-go-jp/design-tokens","last_synced_at":"2026-01-16T15:51:30.270Z","repository":{"id":241650493,"uuid":"616283064","full_name":"digital-go-jp/design-tokens","owner":"digital-go-jp","description":"デジタル庁デザインシステムのデザイントークン","archived":false,"fork":false,"pushed_at":"2025-03-24T09:10:05.000Z","size":591,"stargazers_count":61,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"develop","last_synced_at":"2025-03-30T03:03:57.979Z","etag":null,"topics":["css","design-tokens","javascript","npm"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/digital-go-jp.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":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-20T04:24:17.000Z","updated_at":"2025-03-28T00:10:39.000Z","dependencies_parsed_at":"2024-06-04T07:27:26.536Z","dependency_job_id":"fd2cce42-7f0e-4b3c-9716-ccec2033bc1a","html_url":"https://github.com/digital-go-jp/design-tokens","commit_stats":null,"previous_names":["digital-go-jp/design-tokens"],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digital-go-jp%2Fdesign-tokens","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digital-go-jp%2Fdesign-tokens/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digital-go-jp%2Fdesign-tokens/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/digital-go-jp%2Fdesign-tokens/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/digital-go-jp","download_url":"https://codeload.github.com/digital-go-jp/design-tokens/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247430868,"owners_count":20937874,"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":["css","design-tokens","javascript","npm"],"created_at":"2024-11-22T10:15:49.773Z","updated_at":"2026-01-16T15:51:30.253Z","avatar_url":"https://github.com/digital-go-jp.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Design Tokens\n\n[デジタル庁 デザインシステム（Figma）](https://www.figma.com/community/file/1255349027535859598)のデザイントークン。\n\n[![npm version](https://badge.fury.io/js/@digital-go-jp%2Fdesign-tokens.svg)](https://badge.fury.io/js/@digital-go-jp%2Fdesign-tokens)\n\n## インストール\n\n```\n$ npm install @digital-go-jp/design-tokens\n```\n\n## 使用例\n\n### CSS\n\nCSS 向けには `tokens.css` および `tokens-simple.css` を提供しています。`tokens.css` は全てのデザイントークンを含みます。`tokens-simple.css` はデザイントークンのサブセットで、色、フォントおよびエレベーションのみを含みます。\n\n`tokens.css` の使用例として [examples](./examples/) ディレクトリを参照してください。\n\n### JavaScript\n\n[tailwind-theme-plugin](https://github.com/digital-go-jp/tailwind-theme-plugin) を参照してください。\n\n## バージョン対応表\n\n| Figma のバージョン | パッケージのバージョン |\n| ------------------ | ---------------------- |\n| 2.10.0             | 1.1.7                  |\n| 2.9.0              | 1.1.7                  |\n| 2.8.1              | 1.1.7                  |\n| 2.8.0              | 1.1.7                  |\n| 2.7.0              | 1.1.7                  |\n| 2.6.0              | 1.1.7                  |\n| 2.5.1              | 1.1.7                  |\n| 2.5.0              | 1.1.7                  |\n| 2.4.0              | 1.1.7                  |\n| 2.3.0              | 1.1.7                  |\n| 2.2.0              | 1.1.7                  |\n| 2.1.2              | 1.1.7                  |\n| 2.1.1              | 1.1.7                  |\n| 2.1.0              | 1.1.7                  |\n| 2.0.4              | 1.1.7                  |\n| 2.0.3              | 1.0.1                  |\n| 2.0.2              | 0.1.7                  |\n| 2.0.1              | 0.1.6                  |\n| 1.4.3              | 0.1.6                  |\n\n## 仕組み\n\n1. Tokens Studio for Figma でデザイントークンを管理し、GitHub リポジトリと連携をします。\n2. Figma 上でデザイントークンに更新があったら、連携先リポジトリの特定のブランチにプッシュをします。\n3. GitHub の Release をトリガーに GitHub Actions（`.github/workflows/publish.yml`）が実行されます。この Actions では Style Dictionary を実行し、デザイントークン（json）を CSS および JavaScript で扱えるようにビルドし npm パッケージとしてリリースをします。\n\n### 参考\n\n- [Tokens Studio for Figma](https://www.figma.com/community/plugin/843461159747178978/tokens-studio-for-figma)\n  - [Tokens Studio for Figma の GitHub 連携](https://docs.tokens.studio/token-storage-and-sync/sync-provider-github)\n- [Style Dictionary](https://amzn.github.io/style-dictionary/#/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigital-go-jp%2Fdesign-tokens","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdigital-go-jp%2Fdesign-tokens","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdigital-go-jp%2Fdesign-tokens/lists"}