figma-icon-automation
Publish icons from Figma to NPM
Plugin Preview
About this plugin
Figma Icon Automation PluginFigma Icon Automation is a plugin that can help you convert your icons' SVG code to React component code and publish to NPM. It should be used with Github Actions and NPM.Requirements and limitationsneed some development knowledgea GitHub account.a NPM account.only works for React, I'm working on VueHow it works?There are six steps here:Create Components: At first, you should create a file which contains your icons' components (this workflow only fetch components).Create Pull Request in Plugin: Fill in the GitHub repository URL and token to push your updates to GitHub, which can create a Pull Request for you.Merge PR, Trigger Actions: Now you can merge this PR, which will trigger the GitHub Actions workflow.Process and Convert SVG code: GitHub Actions will fetch Figma components's SVG code through Figma's API and process it. After it, GitHub Actions will convert them into React component code.Publish to NPM: Finally, it'll publish processed code to NPM.Install or update from NPM: Developers can use them through terminal execution, which is familiar to them.UsageFor more details and docs you can visit https://github.com/leadream/figma-icon-automationsupport: https://github.com/leadream/figma-icon-automation/issues
Plugin Details
| Version | 7 |
|---|---|
| Created | August 3, 2019 |
| Last Updated | June 21, 2020 |
| Category | Software development |
| Creator | Hal Lee |
| Stats | 5199 installs, 155 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code