{"id":14230476,"url":"https://github.com/realvjy/svg-to-code-figma","last_synced_at":"2025-04-14T15:32:55.776Z","repository":{"id":228587118,"uuid":"766569741","full_name":"realvjy/svg-to-code-figma","owner":"realvjy","description":"Generate SVG to Code (React) - Figma Plugin","archived":false,"fork":false,"pushed_at":"2024-03-19T13:51:22.000Z","size":1213,"stargazers_count":21,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-28T04:41:41.327Z","etag":null,"topics":["figma","figma-dev-mode","figma-plugin","plugin"],"latest_commit_sha":null,"homepage":"https://www.figma.com/community/plugin/1348045528828166727/svg-to-code-react-component","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/realvjy.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}},"created_at":"2024-03-03T16:20:39.000Z","updated_at":"2024-12-29T09:39:21.000Z","dependencies_parsed_at":"2024-03-19T15:12:41.270Z","dependency_job_id":null,"html_url":"https://github.com/realvjy/svg-to-code-figma","commit_stats":null,"previous_names":["realvjy/svg-to-code-figma"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/realvjy%2Fsvg-to-code-figma","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/realvjy%2Fsvg-to-code-figma/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/realvjy%2Fsvg-to-code-figma/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/realvjy%2Fsvg-to-code-figma/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/realvjy","download_url":"https://codeload.github.com/realvjy/svg-to-code-figma/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248906730,"owners_count":21181208,"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":["figma","figma-dev-mode","figma-plugin","plugin"],"created_at":"2024-08-20T13:01:14.275Z","updated_at":"2025-04-14T15:32:55.079Z","avatar_url":"https://github.com/realvjy.png","language":"TypeScript","funding_links":["https://github.com/sponsors/realvjy","https://buymeacoffee.com/realvjy"],"categories":["TypeScript"],"sub_categories":[],"readme":"[![SVG-TO-CODE-figma](/src/preview.jpg)](https://www.figma.com/community/plugin/1348045528828166727/svg-to-code-react-component)\n\n# Instant SVG to Code\nThis Figma (Dev) plugin allows you to generate react components from selected nodes instantly.\n\n\n## How to use\n1. Select elements you want to transform\n\n2. Run \"SVG to Code\" plugin from Dev Mode\n\n3. Copy/Save react components\n\n4. Or check the thumbnail to use\n\n---\n## Figma Community\n\nGrab community file from 👉 here [Figma Community](https://www.figma.com/community/plugin/1348045528828166727/svg-to-code-react-component)\n\n\n## Local development\n\nPlugin is opensource. You are welcome to contribute.\n\n1. Clone the repository\n\n   ```shell\n   git clone\n   cd svg-to-code-figma\n   ```\n\n1. Install the dependencies\n\n   ```shell\n   yarn\n   ```\n\n1. Build the plugin\n\n   ```\n   yarn watch\n   ```\n\n1. Open the [Figma desktop app](https://www.figma.com/downloads/)\n\n1. Go to `Menu \u003e Plugins \u003e Development \u003e Import Plugin from manifest...`\n\n1. Choose `svg-to-code-figma/manifest.json`\n\n1. Run the plugin by going to `Menu \u003e Plugins \u003e Development \u003e SVG to Code`\n\n## Support \u0026 Donate\n\n\n[Github sponsor](https://github.com/sponsors/realvjy) | [Buy me a coffee](https://buymeacoffee.com/realvjy)\n\n## Say hi or Feedback\n\nFeel free to tag me or say hi on Twitter ([@realvjy](http://twitter.com/realvjy)). You are also welcome to share your feedback or bug reports 🙏\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frealvjy%2Fsvg-to-code-figma","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frealvjy%2Fsvg-to-code-figma","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frealvjy%2Fsvg-to-code-figma/lists"}