Extract basic design data to JSON and other preferred format.
Download the zip file in assets, and follow the instruction (install plugin in figma) below.
Recommend IDE: Visual Studio Code
Install Node.js
Requirement: version >= 14.0 both 14LTS, 16LTS is recommended.
Install pnpm
Make sure pnpm pkg manager is install.
Installation Guide
npm i -g pnpm
Install dependencies
pnpm i
UI Preview
pnpm start --filter plugin
http://localhost:3333/ should be opened by vite. You won't need this step if you mainly check the result in figma.
Bundle plugin
pnpm bundle --filter plugin
This will transform index.html and plugin.ts into dist folder.
install plugin in figma
Open figma and select plugins > development > import plugin from manifest, choose the manifest.json file located in package/plugin
You will only need to install once.