Back to Plugins
figma-icon-automation

figma-icon-automation

Publish icons from Figma to NPM

npmautomationdevelopment_environmenticonssvgexportgithubcode-generators

Plugin Preview

figma-icon-automation 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

Version7
CreatedAugust 3, 2019
Last UpdatedJune 21, 2020
CategorySoftware development
CreatorHal Lee
Stats5189 installs, 155 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js