HTML to Figma - by Builder.io

Import a web page to Figma layers

什麼是HTML to Figma - by Builder.io?

HTML to Figma - by Builder.io是由https://builder.io開發的Chrome擴展程式,該擴展的主要功能是“Import a web page to Figma layers”。

擴展截圖

screenshot

下載HTML to Figma - by Builder.io擴展crx文件

下載HTML to Figma - by Builder.io擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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                    

擴展基本資訊

名稱 HTML to Figma - by Builder.io HTML to Figma - by Builder.io
ID efjcmgblfpkhbjpkpopkgeomfkokpaim
官方網址 https://chromewebstore.google.com/detail/html-to-figma-by-builderi/efjcmgblfpkhbjpkpopkgeomfkokpaim
簡介 Import a web page to Figma layers
檔案大小 343 KB
安裝次數 104,282
目前版本 0.0.7
更新時間 2022-08-31
上架時間 2019-09-04
評分 4.38/5 共 45 次評分
開發者 https://builder.io
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/builderio/html-to-figma
說明頁面URL https://github.com/builderio/html-to-figma/issues
隱私政策頁面URL https://builder.io/docs/privacy
支援的語言 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"
    ]
}