https://github.com/qti3e/figma-var-replace

wip: Replace all usage of a variable to another
https://github.com/qti3e/figma-var-replace

Last synced: about 1 month ago
JSON representation

wip: Replace all usage of a variable to another

• Host: GitHub
• URL: https://github.com/qti3e/figma-var-replace
• Owner: qti3e
• License: mit
• Created: 2024-07-18T14:34:15.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-18T15:20:10.000Z (6 months ago)
• Last Synced: 2024-07-18T18:24:41.970Z (6 months ago)
• Language: TypeScript
• Size: 392 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Figma Plugin React Template

![62862431-71537f00-bd0e-11e9-85db-d97c0fb729a4](https://user-images.githubusercontent.com/16322616/62862692-46b5f600-bd0f-11e9-93b0-75955d1de8f3.png)

This template contains the react example as shown on [Figma Docs](https://www.figma.com/plugin-docs/intro/), with some structural changes and extra tooling.

## Quickstart

- Run `yarn` to install dependencies.

- Run `yarn build:watch` to start webpack in watch mode.

- Open `Figma` -> `Plugins` -> `Development` -> `Import plugin from manifest...` and choose `manifest.json` file from this repo.

⭐ To change the UI of your plugin (the react code), start editing [App.tsx](./src/app/components/App.tsx).  

⭐ To interact with the Figma API edit [controller.ts](./src/plugin/controller.ts).  

⭐ Read more on the [Figma API Overview](https://www.figma.com/plugin-docs/api/api-overview/).

## Toolings

This repo is using:

- React + Webpack

- TypeScript

- Prettier precommit hook