{"id":16441893,"url":"https://github.com/nil/figma-dynamic-icon-export","last_synced_at":"2026-05-15T15:34:18.859Z","repository":{"id":56211794,"uuid":"253267275","full_name":"nil/figma-dynamic-icon-export","owner":"nil","description":"Export icons in a dynamic way","archived":false,"fork":false,"pushed_at":"2020-11-20T08:24:51.000Z","size":335,"stargazers_count":0,"open_issues_count":7,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-08T17:20:46.891Z","etag":null,"topics":["export","figma","figma-export","figma-plugin","figma-plugins","icons","workflow"],"latest_commit_sha":null,"homepage":null,"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/nil.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}},"created_at":"2020-04-05T15:28:38.000Z","updated_at":"2020-11-20T08:19:11.000Z","dependencies_parsed_at":"2022-08-15T14:50:12.103Z","dependency_job_id":null,"html_url":"https://github.com/nil/figma-dynamic-icon-export","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ffigma-dynamic-icon-export","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ffigma-dynamic-icon-export/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ffigma-dynamic-icon-export/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nil%2Ffigma-dynamic-icon-export/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nil","download_url":"https://codeload.github.com/nil/figma-dynamic-icon-export/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240788618,"owners_count":19857691,"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":["export","figma","figma-export","figma-plugin","figma-plugins","icons","workflow"],"created_at":"2024-10-11T09:15:44.400Z","updated_at":"2026-05-15T15:34:13.840Z","avatar_url":"https://github.com/nil.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Dynamic Icon Export](https://www.figma.com/community/plugin/833685193586385445)\n\n[![Version](https://img.shields.io/github/package-json/v/nil/figma-dynamic-icon-export)](https://github.com/nil/figma-dynamic-icon-export)\n[![Dependencies status](https://img.shields.io/david/nil/figma-dynamic-icon-export)](https://david-dm.org/nil/figma-dynamic-icon-export)\n[![Dev dependencies status](https://img.shields.io/david/dev/nil/figma-dynamic-icon-export)](https://david-dm.org/nil/figma-dynamic-icon-export?type=dev)\n[![License](https://img.shields.io/github/license/nil/figma-dynamic-icon-export)](http://https://github.com/nil/figma-dynamic-icon-export/blob/master/LICENSE)\n\nA Figma plugin to export multiple frames as an SVG with a single path. No need to manually clone the frame, detach the instances, outline the vectors and flatten them, Dynamic Icon Export does this for you without modifying the original frame, so you can still edit the icon in the future.\n\n[Install on Figma](https://www.figma.com/community/plugin/833685193586385445)\n\n## How does it work\n\nThis plugin automatizes a very common and tedious task. It exports all the icons in a page and keeps the original frame editable, with all the layers untouched.\n\nUnder the hood, this plugin clones every frame that starts with a specific character, by default `$` but can be changed by the user. Then it outlines and flattens all its contents, so when exporting the SVG it only contains one path. Finally, it resizes the frame according to the size set by the user and it generates a .zip file containing all the icons.\n\n## Features roadmap\n\n- [x] Export the same icon on multiple sizes\n- [x] Export components too\n- [ ] Add option to not automatically export icons\n- [ ] Add option to not have the size explicitly in the icon name\n- [ ] Create components containing the resulting SVG code\n- [ ] Optimize the icon with SVGO before exporting\n- [ ] Hide some layers when exporting\n- [ ] Show list of exported icons on the UI\n- [ ] Export only a few of the icons\n- [ ] Only have size folder when there are multiple sizes\n- [ ] Add a more user-friendly to use the plugin\n\n## Local development\n\nDynamic Icon Export is wrote using the [Figma Plugin API](https://www.figma.com/plugin-docs/intro/) with [TypeScript](https://www.figma.com/plugin-docs/typescript/), as recommended by them. The UI is build with [React](https://reactjs.org/) to create an interactive and reactive interface and it also uses [PostCSS](https://postcss.org/), as I personally like to write CSS with nested selectors.\n\nTo begin local development of the plugin, first clone the repository:\n\n```sh\ngit clone https://github.com/nil/figma-dynamic-icon-export\n\ncd figma-dynamic-icon-export\n```\n\nThen install all the dependencies and run Webpack:\n\n```sh\nnpm install\n\nnpm run serve\n```\n\nFinally, install the plugin locally:\n\n1. Open the desktop app and go to `Plugins`.\n2. Click on the `+` next to `Development` on the right sidebar.\n3. Choose the `manifest.json` inside the figma-dynamic-icon-export you have just cloned.\n4. Run the plugin by going to `Menu \u003e Plugins \u003e Development \u003e Dynamic Icon Export`.\n\n## License\n\nCopyright © 2020 Nil Vila. Released under the [MIT License](http://https://github.com/nil/figma-dynamic-icon-export/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnil%2Ffigma-dynamic-icon-export","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnil%2Ffigma-dynamic-icon-export","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnil%2Ffigma-dynamic-icon-export/lists"}