├── .github └── workflows │ └── main.yml ├── .gitignore ├── .npmrc ├── README.md ├── dev-plugin ├── manifest.json ├── package-lock.json ├── package.json ├── src │ ├── figma.ts │ ├── frame.html │ ├── frame.tsx │ └── ui.html ├── tsconfig.json └── webpack.config.js ├── package.json ├── src ├── browser │ ├── add-constraints.ts │ ├── border.ts │ ├── build-tree.ts │ ├── dom-utils.ts │ ├── element-to-figma.ts │ ├── html-to-figma.ts │ ├── index.ts │ ├── text-to-figma.ts │ └── utils.ts ├── figma │ ├── dropOffset.ts │ ├── getFont.ts │ ├── helpers.ts │ ├── images.ts │ ├── index.ts │ └── processLayer.ts ├── types.ts └── utils.ts ├── tests ├── __snapshots__ │ └── base.test.js.snap ├── base.test.js ├── page │ ├── index.ts │ └── stubs │ │ ├── base-button.html │ │ ├── borders.html │ │ ├── button-before-after.html │ │ ├── input.html │ │ ├── opacity.html │ │ └── shadows.html └── setup.js └── tsconfig.json /.github/workflows/main.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/.github/workflows/main.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/.npmrc -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/README.md -------------------------------------------------------------------------------- /dev-plugin/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/manifest.json -------------------------------------------------------------------------------- /dev-plugin/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/package-lock.json -------------------------------------------------------------------------------- /dev-plugin/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/package.json -------------------------------------------------------------------------------- /dev-plugin/src/figma.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/src/figma.ts -------------------------------------------------------------------------------- /dev-plugin/src/frame.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/src/frame.html -------------------------------------------------------------------------------- /dev-plugin/src/frame.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/src/frame.tsx -------------------------------------------------------------------------------- /dev-plugin/src/ui.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/src/ui.html -------------------------------------------------------------------------------- /dev-plugin/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/tsconfig.json -------------------------------------------------------------------------------- /dev-plugin/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/dev-plugin/webpack.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/package.json -------------------------------------------------------------------------------- /src/browser/add-constraints.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/add-constraints.ts -------------------------------------------------------------------------------- /src/browser/border.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/border.ts -------------------------------------------------------------------------------- /src/browser/build-tree.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/build-tree.ts -------------------------------------------------------------------------------- /src/browser/dom-utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/dom-utils.ts -------------------------------------------------------------------------------- /src/browser/element-to-figma.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/element-to-figma.ts -------------------------------------------------------------------------------- /src/browser/html-to-figma.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/html-to-figma.ts -------------------------------------------------------------------------------- /src/browser/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/index.ts -------------------------------------------------------------------------------- /src/browser/text-to-figma.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/text-to-figma.ts -------------------------------------------------------------------------------- /src/browser/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/browser/utils.ts -------------------------------------------------------------------------------- /src/figma/dropOffset.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/figma/dropOffset.ts -------------------------------------------------------------------------------- /src/figma/getFont.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/figma/getFont.ts -------------------------------------------------------------------------------- /src/figma/helpers.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/figma/helpers.ts -------------------------------------------------------------------------------- /src/figma/images.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/figma/images.ts -------------------------------------------------------------------------------- /src/figma/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/figma/index.ts -------------------------------------------------------------------------------- /src/figma/processLayer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/figma/processLayer.ts -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/types.ts -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/src/utils.ts -------------------------------------------------------------------------------- /tests/__snapshots__/base.test.js.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/__snapshots__/base.test.js.snap -------------------------------------------------------------------------------- /tests/base.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/base.test.js -------------------------------------------------------------------------------- /tests/page/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/page/index.ts -------------------------------------------------------------------------------- /tests/page/stubs/base-button.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/page/stubs/base-button.html -------------------------------------------------------------------------------- /tests/page/stubs/borders.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/page/stubs/borders.html -------------------------------------------------------------------------------- /tests/page/stubs/button-before-after.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/page/stubs/button-before-after.html -------------------------------------------------------------------------------- /tests/page/stubs/input.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/page/stubs/input.html -------------------------------------------------------------------------------- /tests/page/stubs/opacity.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/page/stubs/opacity.html -------------------------------------------------------------------------------- /tests/page/stubs/shadows.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/page/stubs/shadows.html -------------------------------------------------------------------------------- /tests/setup.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tests/setup.js -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sergcen/html-to-figma/HEAD/tsconfig.json --------------------------------------------------------------------------------