Extension to select the page UI elements and download them to later import it to Figma, based on the great job from https://github.com/BuilderIO/html-figma this browser extension allow you to download the selected pieces on the page instead of all the content so you can later import those to Figma.
- To be able to import the elements into figma you need to install first HTML <-> Figma plugin.
- Download the extension Chrome store or Firefox addons
- Go to the page you want to capture elements
- Click the extension icon and Enable Selector
- Click on the elements you wish to copy to figma
- Download zip in
dist-zipand manually load on your chrome extension tab or Firefox addons. (developer mode need to be enabled)
yarn install
yarn run watch:dev
yarn build-zip
In Figma open HTML <-> Figma plugin and click upload here then select the json file you want to import.
