{"id":14981488,"url":"https://github.com/figma/create-widget","last_synced_at":"2025-10-19T11:31:03.804Z","repository":{"id":37619299,"uuid":"429355171","full_name":"figma/create-widget","owner":"figma","description":"Create new FigJam widgets with a single command.","archived":false,"fork":false,"pushed_at":"2024-08-30T16:18:13.000Z","size":175,"stargazers_count":17,"open_issues_count":9,"forks_count":8,"subscribers_count":61,"default_branch":"main","last_synced_at":"2025-01-29T14:22:04.467Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://figma.com/widget-docs","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/figma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2021-11-18T08:40:04.000Z","updated_at":"2024-07-15T10:01:13.000Z","dependencies_parsed_at":"2024-09-24T07:00:26.461Z","dependency_job_id":null,"html_url":"https://github.com/figma/create-widget","commit_stats":{"total_commits":32,"total_committers":5,"mean_commits":6.4,"dds":0.375,"last_synced_commit":"2c82b2bb24eaea8e982fd8a7a313a59c84f6a8bb"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Fcreate-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Fcreate-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Fcreate-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/figma%2Fcreate-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/figma","download_url":"https://codeload.github.com/figma/create-widget/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237116849,"owners_count":19258320,"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","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":[],"created_at":"2024-09-24T14:03:42.045Z","updated_at":"2025-10-19T11:31:03.450Z","avatar_url":"https://github.com/figma.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @figma/create-widget\n\n[![npm](https://img.shields.io/npm/v/@figma/create-widget?logo=npm\u0026cacheSeconds=1800)](https://www.npmjs.com/package/@figma/create-widget)\n\nCreate new [Figma \u0026 FigJam widgets](https://figma.com/widget-docs) with a single command.\n\n```bash\nnpm init @figma/widget\n```\n\n## Widget Organization\n\nThe created widgets use:\n\n- [esbuild](https://esbuild.github.io/) for bundling\n- [vite](https://vitejs.dev/) and [react](https://reactjs.org/) if the iframe option is specified\n- [typescript](https://www.typescriptlang.org/) for typechecking\n\n| file/folder   | description                                                                      |\n| ------------- | -------------------------------------------------------------------------------- |\n| manifest.json | The widget's [manifest.json](https://www.figma.com/widget-docs/widget-manifest/) |\n| widget-src/   | Contains the widget code                                                         |\n| ui-src/       | Contains the iframe code                                                         |\n\n## Getting Started\n\nAfter running `npm init @figma/widget`, follow the provided prompts.\n\n### `npm run dev`\n\nThis is the only command you need to run in development. It will start the following processes for you:\n\n- bundling (both widget and iframe code)\n- typechecking (both widget and iframe code)\n- vite dev server (for iframe development)\n\n### `npm run build`\n\nThis runs bundling with minification turned on. You should run this command before releasing your widget.\n\n### `npm run test`\n\nThis runs typechecking and makes sure that your widget builds without errors.\n\n## Credit\n\nCredit to https://github.com/yuanqing/create-figma-plugin for providing a way to `npm init` widgets and plugins before this repository ever existed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffigma%2Fcreate-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffigma%2Fcreate-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffigma%2Fcreate-widget/lists"}