{"id":18204557,"url":"https://github.com/lauthieb/variables-converter-figma-plugin","last_synced_at":"2025-04-02T13:32:00.508Z","repository":{"id":177805015,"uuid":"660387807","full_name":"lauthieb/variables-converter-figma-plugin","owner":"lauthieb","description":"Figma Plugin that generates CSS, JavaScript, Compose \u0026 SwiftUI variables from your Figma variables","archived":false,"fork":false,"pushed_at":"2024-12-26T09:16:24.000Z","size":693,"stargazers_count":36,"open_issues_count":4,"forks_count":11,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-17T01:51:20.771Z","etag":null,"topics":["android","apple","compose","convert","css","dev","devmode","figma","figma-design","figma-plugin","ios","javascript","js","mode","plugin","swiftui","variables"],"latest_commit_sha":null,"homepage":"https://www.figma.com/community/plugin/1256000104406722117/Variables-Converter","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lauthieb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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}},"created_at":"2023-06-29T22:39:36.000Z","updated_at":"2025-02-25T05:23:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"e288c995-3d42-4543-b68c-02ee301e209e","html_url":"https://github.com/lauthieb/variables-converter-figma-plugin","commit_stats":{"total_commits":15,"total_committers":2,"mean_commits":7.5,"dds":"0.33333333333333337","last_synced_commit":"1d89e55263d919f306b0a05b068d7c8b3432b1ee"},"previous_names":["lauthieb/variables-converter-figma-plugin"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lauthieb%2Fvariables-converter-figma-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lauthieb%2Fvariables-converter-figma-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lauthieb%2Fvariables-converter-figma-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lauthieb%2Fvariables-converter-figma-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lauthieb","download_url":"https://codeload.github.com/lauthieb/variables-converter-figma-plugin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246823856,"owners_count":20839786,"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":["android","apple","compose","convert","css","dev","devmode","figma","figma-design","figma-plugin","ios","javascript","js","mode","plugin","swiftui","variables"],"created_at":"2024-11-03T11:04:45.532Z","updated_at":"2025-04-02T13:32:00.502Z","avatar_url":"https://github.com/lauthieb.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# variables-converter-figma-plugin\n\n[![Variables converter thumbnail that shows its UI](./resources/images/variables-converter-cover-art.png)](https://www.figma.com/community/plugin/1256000104406722117/Variables-Converter)\n\n## Try it!\n\nTo try this plugin in production, just [go to its Figma Community page](https://www.figma.com/community/plugin/1256000104406722117/Variables-Converter), install it \u0026 enjoy!\n\n## Install\n\nBelow are the steps to get your plugin running. You can also find instructions at: https://www.figma.com/plugin-docs/plugin-quickstart-guide/\n\nThis plugin template uses Typescript and NPM, two standard tools in creating JavaScript applications.\n\nFirst, download Node.js which comes with NPM. This will allow you to install TypeScript and other\nlibraries. You can find the download link here: https://nodejs.org/en/download/\n\nThen, install dependencies:\n\n```sh\nnpm install\n```\n\n## Develop\n\nTo develop, we encourage you to use the watch mode by lauching:\n\n```sh\nnpm run build:watch\n```\n\nThen, go to Figma, open a design file, activate the \"Dev Mode\", go to \"Plugins\" tab, select \"Development\" in the dropdown, click on the \"+ button\" and \"Import plugin from manifest\". You just need to target the `manifest.json` file at the root of this project. Finally, click on \"Run\" button aside \"Variables Converter\".\n\n## Build\n\nTo build the plugin for production, just launch:\n\n```sh\nnpm run build\n```\n\n## Recommended configuration\n\nWe recommend writing TypeScript code using Visual Studio code:\n\n1. Download Visual Studio Code if you haven't already: https://code.visualstudio.com/.\n2. Open this directory in Visual Studio Code.\n3. Compile TypeScript to JavaScript: Run the \"Terminal \u003e Run Build Task...\" menu item,\n   then select \"npm: build:watch\". You will have to do this again every time\n   you reopen Visual Studio Code.\n\nThat's it! Visual Studio Code will regenerate the JavaScript file every time you save.\n\n## License\n\n    Copyright 2023 Laurent Thiebault.\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flauthieb%2Fvariables-converter-figma-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flauthieb%2Fvariables-converter-figma-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flauthieb%2Fvariables-converter-figma-plugin/lists"}