{"id":20331424,"url":"https://github.com/gracefullight/figma-plugin-starter","last_synced_at":"2026-05-20T14:05:05.246Z","repository":{"id":228049187,"uuid":"625946141","full_name":"gracefullight/figma-plugin-starter","owner":"gracefullight","description":"React Typescript Figma plugin starter kit.","archived":false,"fork":false,"pushed_at":"2024-03-16T14:45:21.000Z","size":59383,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-04T12:32:43.657Z","etag":null,"topics":["figma","figma-plugin","figma-plugin-example"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gracefullight.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-10T13:14:20.000Z","updated_at":"2023-04-10T13:22:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"750767c6-d118-4a9f-812c-3a6ca90ee740","html_url":"https://github.com/gracefullight/figma-plugin-starter","commit_stats":null,"previous_names":["gracefullight/figma-plugin-starter"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gracefullight/figma-plugin-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gracefullight%2Ffigma-plugin-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gracefullight%2Ffigma-plugin-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gracefullight%2Ffigma-plugin-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gracefullight%2Ffigma-plugin-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gracefullight","download_url":"https://codeload.github.com/gracefullight/figma-plugin-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gracefullight%2Ffigma-plugin-starter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266841015,"owners_count":23993429,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-24T02:00:09.469Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["figma","figma-plugin","figma-plugin-example"],"created_at":"2024-11-14T20:20:07.441Z","updated_at":"2026-05-20T14:05:05.158Z","avatar_url":"https://github.com/gracefullight.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @gracefullight/figma-plugin-starter\n\nThis is a preset for creating Figma plugins using React and esbuild. The starter kit is based on the [esbuild-react](https://github.com/figma/plugin-samples/tree/master/esbuild-react) sample provided by Figma.\n\n## Getting Started\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/) (v20 or higher)\n- [Pnpm](https://pnpm.io/) (v8.15 or higher)\n\n### Installation\n\n1. Clone this repository: `git clone https://github.com/gracefullight/figma-plugin-starter.git`\n2. Navigate into the project directory: `cd figma-plugin-starter`\n3. Install dependencies: `pnpm install`\n\n### Usage\n\n#### Development\n\nTo start the development server, run:\n\n```bash\npnpm dev\n```\n\nThis command will start the following processes concurrently:\n\n- `tsc` - TypeScript compiler in watch mode for both the main code and UI code\n- `build` - esbuild bundler for the main code in watch mode\n- `vite` - development server for the UI code with HMR (hot module replacement)\n\nOnce the server is up and running, open Figma and navigate to Plugins \u003e Development \u003e Create new plugin. Choose \"Link existing plugin\" and select the `manifest.json` file in the project directory.\n\n#### Building\n\nTo build the plugin, run:\n\n```bash\npnpm build\n```\n\nThis command will create a production-ready version of the plugin in the `dist` directory.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgracefullight%2Ffigma-plugin-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgracefullight%2Ffigma-plugin-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgracefullight%2Ffigma-plugin-starter/lists"}