{"id":26276209,"url":"https://github.com/figma-css-variables/community","last_synced_at":"2026-02-15T22:33:21.114Z","repository":{"id":279616761,"uuid":"939384318","full_name":"figma-css-variables/community","owner":"figma-css-variables","description":"Github Discussion community for the Figma CSS Variables plugin","archived":false,"fork":false,"pushed_at":"2025-04-01T18:01:01.000Z","size":41,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-18T20:44:56.850Z","etag":null,"topics":["community","css","export","figma","figma-plugin","git","variables"],"latest_commit_sha":null,"homepage":"https://www.figma.com/community/plugin/1474166340745390696/figma-css-variables","language":null,"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/figma-css-variables.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"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},"funding":{"github":["yoriiis"]}},"created_at":"2025-02-26T13:05:13.000Z","updated_at":"2025-04-01T18:01:05.000Z","dependencies_parsed_at":"2025-06-18T20:32:14.778Z","dependency_job_id":"0d9d3543-e0ad-4e04-95f3-01f6a3662fda","html_url":"https://github.com/figma-css-variables/community","commit_stats":null,"previous_names":["figma-css-variables/community"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/figma-css-variables/community","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma-css-variables%2Fcommunity","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma-css-variables%2Fcommunity/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma-css-variables%2Fcommunity/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma-css-variables%2Fcommunity/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/figma-css-variables","download_url":"https://codeload.github.com/figma-css-variables/community/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma-css-variables%2Fcommunity/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29490920,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T19:29:10.908Z","status":"ssl_error","status_checked_at":"2026-02-15T19:29:10.419Z","response_time":118,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["community","css","export","figma","figma-plugin","git","variables"],"created_at":"2025-03-14T11:17:09.350Z","updated_at":"2026-02-15T22:33:21.108Z","avatar_url":"https://github.com/figma-css-variables.png","language":null,"funding_links":["https://github.com/sponsors/yoriiis"],"categories":[],"sub_categories":[],"readme":"# Figma CSS Variables Plugin\n\n\u003e [!NOTE]\n\u003e This repository hosts the [Github Discussion community](https://github.com/figma-css-variables/community/discussions) for the [Figma CSS Variables plugin](https://www.figma.com/community/plugin/1474166340745390696/figma-css-variables).\u003cbr /\u003e\n\u003e Check the [FAQ](FAQ.md) or [GitHub Discussions](https://github.com/figma-css-variables/community/discussions) for support.\n\nEffortlessly export your Figma variables to CSS. Git deployment is coming soon!\n\n[![Image of Figma CSS Variables plugin](https://yoriiis.github.io/cdn/static/figma-css-variables/cover-1.png)](https://www.figma.com/community/plugin/1474166340745390696/figma-css-variables)\n\n## Features\n\n### Export \u0026 Sync\n\n- **Analyze your variables** View all Figma variable collections and modes\n- **Instant CSS generation** Preview and export CSS from your variables\n- **Flexible export options** Copy CSS directly or download all generated CSS files\n- **One-click synchronization** Always stay up to date with your latest Figma variables\n- When exporting, a **ZIP file** is generated with all the CSS files at the root level\n\n### Deploy to Git (coming soon)\n\nA powerful **Git deployment** feature is coming soon! This will allow you to automatically deploy your generated **CSS variable files** to **Git** for seamless design–code collaboration.\n\nWe'd love to hear your thoughts and feedback on this upcoming feature! Feel free to join the discussion on [GitHub Discussions](https://github.com/figma-css-variables/community/discussions).\n\n### File structure\n\n- A separate **CSS file** is generated for each mode within a collection\n- Files follow the naming pattern: \"collectionName-modeName.css\"\n\n### Variable transformations\n\nFigma variables are transformed to ensure they are valid in **CSS**:\n\n- Slashes (`/`) are replaced with hyphens (`-`) in variable names\n- Original casing of variable names is preserved (uppercase, lowercase, etc.)\n- For numeric variables (`FLOAT` type), the unit `px` is automatically added\n- CSS variables are sorted alphabetically\n\n### UI \u0026 Accessibility\n\n- **Dark mode compatible**: the plugin adapts to the user's Figma theme preference (light/dark mode)\n- **Keyboard navigation**: all interactive elements support keyboard navigation for improved accessibility\n- **Focus indicators**: clear visual focus on form fields and interactive elements\n- **Accessibility compliance**: designed following W3C and A11Y best practices\n\n## How to use\n\n### Exporting CSS Variables\n\n- Navigate to the **Export** tab\n- View all Figma variables structured into **collections** and **modes** (a collection contains multiple modes)\n- Select a collection and a mode\n- Preview the generated CSS\n- Copy the generated CSS directly to your clipboard or download all CSS files\n\n---\n\nMade with ❤️ by [@yoriiis](https://github.com/yoriiis)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffigma-css-variables%2Fcommunity","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffigma-css-variables%2Fcommunity","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffigma-css-variables%2Fcommunity/lists"}