{"id":15198428,"url":"https://github.com/javierarce/figma-components-analyzer","last_synced_at":"2026-02-02T04:04:53.521Z","repository":{"id":256763112,"uuid":"849960390","full_name":"javierarce/figma-components-analyzer","owner":"javierarce","description":"A tool to improve consistency and structure to design systems property names","archived":false,"fork":false,"pushed_at":"2025-02-09T13:40:36.000Z","size":102,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-13T20:07:38.136Z","etag":null,"topics":["components","design","design-system","figma","figma-api"],"latest_commit_sha":null,"homepage":"https://javierarce.github.io/figma-components-analyzer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/javierarce.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":"2024-08-30T15:42:29.000Z","updated_at":"2025-02-09T13:40:23.000Z","dependencies_parsed_at":"2024-09-13T00:14:33.538Z","dependency_job_id":"9f78cdb9-e1ea-487c-b9d3-1663deae12a0","html_url":"https://github.com/javierarce/figma-components-analyzer","commit_stats":null,"previous_names":["javierarce/figma-components-analyzer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/javierarce/figma-components-analyzer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javierarce%2Ffigma-components-analyzer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javierarce%2Ffigma-components-analyzer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javierarce%2Ffigma-components-analyzer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javierarce%2Ffigma-components-analyzer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/javierarce","download_url":"https://codeload.github.com/javierarce/figma-components-analyzer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javierarce%2Ffigma-components-analyzer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29004695,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-02T01:32:03.847Z","status":"online","status_checked_at":"2026-02-02T02:00:07.448Z","response_time":58,"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":["components","design","design-system","figma","figma-api"],"created_at":"2024-09-28T01:08:07.930Z","updated_at":"2026-02-02T04:04:53.501Z","avatar_url":"https://github.com/javierarce.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Figma Components Analyzer\n\nThis project provides a tool to analyze component variants in a Figma file. It\nextracts information about component properties, their types, possible values,\nand usage across different components.\n\nThe goal of this tool is to help design teams identify inconsistencies and\npotential improvements in the naming, structure, and usage of component\nvariants. This information is valuable for ensuring consistency and\npredictability in the design system.\n\n### Online version\n\nYou can run the tool directly from [this page](https://javierarce.github.io/figma-components-analyzer).\n\n## Features\n\n- Fetches component data from a specified Figma file\n- Exposes variant properties and values across all components in the file\n- Provides a downloadable version of the analysis as a JSON file\n\n## Prerequisites\n\n- A Figma account and a personal access token\n- A Figma file ID that you want to analyze\n\n## Installation\n\n1. Clone this repository:\n\n   ```\n   git clone https://github.com/javierarce/figma-components-analyzer.git\n   cd figma-components-analyzer\n   ```\n\n2. Install dependencies:\n\n   `npm install` or `yarn`\n\n3. Create a `.env` file in the root directory with the following content:\n   ```\n   FIGMA_TOKEN=your_figma_personal_access_token\n   FIGMA_FILE=your_figma_file_id\n   ```\n   Replace `your_figma_personal_access_token` with your Figma personal access\n   token and `your_figma_file_id` with the ID of the Figma file you want to\n   analyze.\n\n## Usage\n\nRun the analysis script:\n\n`node index.js` or `yarn start`\n\nThis will output the analysis to the console and also save it as `analysis.json` in the project directory.\n\n## Output\n\nThe analysis provides the following information for each property:\n\n- Property name\n- Number of times the property is used\n- Property type (e.g., `BOOLEAN`, `VARIANT`, `INSTANCE_SWAP`)\n- Possible values for the property\n- List of components that use the property\n\n## Example Output\n\n```\nVariant property analysis\n\nState (15)\n  Type: VARIANT\n  Values: Default, Hover, Pressed, Disabled\n  Used in: Button, Checkbox, Radio Button\n\nSize (12)\n  Type: VARIANT\n  Values: Small, Medium, Large\n  Used in: Button, Input Field, Dropdown\n\nShow icon (4)\n  Type: BOOLEAN\n  Used in: Button, Checkbox\n\n...\n```\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavierarce%2Ffigma-components-analyzer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjavierarce%2Ffigma-components-analyzer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavierarce%2Ffigma-components-analyzer/lists"}