├── .eslintrc ├── .github └── workflows │ └── ci.yml ├── .gitignore ├── .prettierrc.json ├── README.md ├── babel.config.js ├── jest.config.ts ├── manifest.json ├── package.json ├── publish ├── component_setting_1.png ├── component_setting_2.png ├── cover.png ├── format_setting.png ├── icon.png ├── install_button.png └── readme_demo.png ├── renovate.json ├── src ├── buildCode.test.ts ├── buildCode.ts ├── buildCssString.ts ├── buildSizeStringByUnit.ts ├── buildTagTree.ts ├── code.ts ├── getCssDataForTag.ts ├── index.d.ts ├── messagesTypes.ts ├── modifyTreeForComponent.ts ├── storageKeys.ts ├── ui.css ├── ui.html ├── ui.tsx ├── ui │ ├── LinkButton.css │ ├── LinkButton.tsx │ ├── Spacer.tsx │ ├── UserComponentSettingField.css │ ├── UserComponentSettingField.tsx │ ├── UserComponentSettingItem.css │ ├── UserComponentSettingItem.tsx │ ├── UserComponentSettingList.css │ └── UserComponentSettingList.tsx ├── userComponentSetting.ts └── utils │ ├── cssUtils.ts │ ├── isImageNode.ts │ └── stringUtils.ts ├── tsconfig.json └── webpack.config.js /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/.eslintrc -------------------------------------------------------------------------------- /.github/workflows/ci.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/.github/workflows/ci.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/.prettierrc.json -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/README.md -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/babel.config.js -------------------------------------------------------------------------------- /jest.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/jest.config.ts -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/manifest.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/package.json -------------------------------------------------------------------------------- /publish/component_setting_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/publish/component_setting_1.png -------------------------------------------------------------------------------- /publish/component_setting_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/publish/component_setting_2.png -------------------------------------------------------------------------------- /publish/cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/publish/cover.png -------------------------------------------------------------------------------- /publish/format_setting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/publish/format_setting.png -------------------------------------------------------------------------------- /publish/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/publish/icon.png -------------------------------------------------------------------------------- /publish/install_button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/publish/install_button.png -------------------------------------------------------------------------------- /publish/readme_demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/publish/readme_demo.png -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/renovate.json -------------------------------------------------------------------------------- /src/buildCode.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/buildCode.test.ts -------------------------------------------------------------------------------- /src/buildCode.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/buildCode.ts -------------------------------------------------------------------------------- /src/buildCssString.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/buildCssString.ts -------------------------------------------------------------------------------- /src/buildSizeStringByUnit.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/buildSizeStringByUnit.ts -------------------------------------------------------------------------------- /src/buildTagTree.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/buildTagTree.ts -------------------------------------------------------------------------------- /src/code.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/code.ts -------------------------------------------------------------------------------- /src/getCssDataForTag.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/getCssDataForTag.ts -------------------------------------------------------------------------------- /src/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.css' 2 | -------------------------------------------------------------------------------- /src/messagesTypes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/messagesTypes.ts -------------------------------------------------------------------------------- /src/modifyTreeForComponent.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/modifyTreeForComponent.ts -------------------------------------------------------------------------------- /src/storageKeys.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/storageKeys.ts -------------------------------------------------------------------------------- /src/ui.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui.css -------------------------------------------------------------------------------- /src/ui.html: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /src/ui.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui.tsx -------------------------------------------------------------------------------- /src/ui/LinkButton.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/LinkButton.css -------------------------------------------------------------------------------- /src/ui/LinkButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/LinkButton.tsx -------------------------------------------------------------------------------- /src/ui/Spacer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/Spacer.tsx -------------------------------------------------------------------------------- /src/ui/UserComponentSettingField.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/UserComponentSettingField.css -------------------------------------------------------------------------------- /src/ui/UserComponentSettingField.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/UserComponentSettingField.tsx -------------------------------------------------------------------------------- /src/ui/UserComponentSettingItem.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/UserComponentSettingItem.css -------------------------------------------------------------------------------- /src/ui/UserComponentSettingItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/UserComponentSettingItem.tsx -------------------------------------------------------------------------------- /src/ui/UserComponentSettingList.css: -------------------------------------------------------------------------------- 1 | .components { 2 | padding: 0; 3 | } 4 | -------------------------------------------------------------------------------- /src/ui/UserComponentSettingList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/ui/UserComponentSettingList.tsx -------------------------------------------------------------------------------- /src/userComponentSetting.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/userComponentSetting.ts -------------------------------------------------------------------------------- /src/utils/cssUtils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/utils/cssUtils.ts -------------------------------------------------------------------------------- /src/utils/isImageNode.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/utils/isImageNode.ts -------------------------------------------------------------------------------- /src/utils/stringUtils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/src/utils/stringUtils.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/tsconfig.json -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kazuyaseki/figma-to-react/HEAD/webpack.config.js --------------------------------------------------------------------------------