How to develop Figma plugin with React + TS

📰 Dev.to · seya

Develop a Figma plugin using React and TypeScript

intermediate Published 5 Apr 2020

Action Steps

Clone the React Figma plugin boilerplate repository using git clone https://github.com/kazuyaseki/react-figma-plugin-boilerplate.git
Install the required dependencies using npm install or yarn install
Configure the plugin settings in the manifest.json file
Build the plugin using npm run build or yarn build
Test the plugin in Figma by loading the plugin from the build folder

Who Needs to Know This

UI/UX designers and frontend developers can benefit from creating custom Figma plugins to streamline their design workflow

Key Insight

💡 Use the react-figma-plugin-boilerplate repository to get started with developing a Figma plugin