HTML to Figma - by Builder.io

Import a web page to Figma layers

What is HTML to Figma - by Builder.io?

HTML to Figma - by Builder.io is a Chrome extension developed by https://builder.io, and its main feature is "Import a web page to Figma layers".

Extension Screenshots

screenshot

Download HTML to Figma - by Builder.io Extension CRX File

Download HTML to Figma - by Builder.io extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Use this extension to capture your current page and import it as editable Figma layers!

What it's useful for

- Easily import real live site styles for a starting point for designs and prototypes
- Quickly turn real site components into design components
- Easy import components from storybook, etc
- Import a great live web design as a starting point for inspiration for your mockups

View and contribute to the source code here: https://github.com/builderio/html-to-figma/issues                    

Extension Basic Information

Name HTML to Figma - by Builder.io HTML to Figma - by Builder.io
ID efjcmgblfpkhbjpkpopkgeomfkokpaim
Official URL https://chromewebstore.google.com/detail/html-to-figma-by-builderi/efjcmgblfpkhbjpkpopkgeomfkokpaim
Description Import a web page to Figma layers
File Size 343 KB
Installation Count 104,282
Current Version 0.0.7
Last Updated 2022-08-31
Publish Date 2019-09-04
Rating 4.38/5 Total 45 Ratings
Developer https://builder.io
Email [email protected]
Payment Type free
Extension Website https://github.com/builderio/html-to-figma
Help Page URL https://github.com/builderio/html-to-figma/issues
Privacy Policy Page URL https://builder.io/docs/privacy
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "HTML to Figma - by Builder.io",
    "description": "Import a web page to Figma layers",
    "version": "0.0.7",
    "browser_action": {
        "default_icon": "icon16.png",
        "default_popup": "popup.html"
    },
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "permissions": [
        "activeTab"
    ]
}