🎉 prototype

.gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+*.log
+*.css.d.ts
+/build/
+/manifest.json
+node_modules/

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "json.schemas": [
+    {
+      "fileMatch": ["package.json"],
+      "url": "https://yuanqing.github.io/create-figma-plugin/figma-plugin.json"
+    }
+  ]
+}

README.md

@@ -0,0 +1,48 @@
+# Plugin
+
+## Development guide
+
+_This plugin is built with [Create Figma Plugin](https://yuanqing.github.io/create-figma-plugin/)._
+
+### Pre-requisites
+
+- [Node.js](https://nodejs.org) – v20
+- [Figma desktop app](https://figma.com/downloads/)
+
+### Build the plugin
+
+To build the plugin:
+
+```
+$ npm run build
+```
+
+This will generate a [`manifest.json`](https://figma.com/plugin-docs/manifest/) file and a `build/` directory containing the JavaScript bundle(s) for the plugin.
+
+To watch for code changes and rebuild the plugin automatically:
+
+```
+$ npm run watch
+```
+
+### Install the plugin
+
+1. In the Figma desktop app, open a Figma document.
+2. Search for and run `Import plugin from manifest…` via the Quick Actions search bar.
+3. Select the `manifest.json` file that was generated by the `build` script.
+
+### Debugging
+
+Use `console.log` statements to inspect values in your code.
+
+To open the developer console, search for and run `Show/Hide Console` via the Quick Actions search bar.
+
+## See also
+
+- [Create Figma Plugin docs](https://yuanqing.github.io/create-figma-plugin/)
+- [`yuanqing/figma-plugins`](https://github.com/yuanqing/figma-plugins#readme)
+
+Official docs and code samples from Figma:
+
+- [Plugin API docs](https://figma.com/plugin-docs/)
+- [`figma/plugin-samples`](https://github.com/figma/plugin-samples#readme)

eslint.config.mjs

@@ -0,0 +1,38 @@
+import tsParser from "@typescript-eslint/parser";
+import tsPlugin from "@typescript-eslint/eslint-plugin";
+import figmaPlugin from "@figma/eslint-plugin-figma-plugins";
+
+export default [
+  {
+    files: ["**/*.ts", "**/*.tsx"],
+    ignores: ["node_modules/**"],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        project: "./tsconfig.json",
+      },
+    },
+    plugins: {
+      "@typescript-eslint": tsPlugin,
+      "@figma/figma-plugins": figmaPlugin,
+    },
+    rules: {
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_",
+        },
+      ],
+    },
+    settings: {
+      extends: [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:@figma/figma-plugins/recommended",
+        "prettier",
+      ],
+    },
+  },
+];