Convert webpages into a Figma design

Latest Version

Version
1.2
Update
January 28, 2025
Size
70.47KiB
Developer
yashitechsolutions.com
Category
Users
4
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
Debugger
Downloads
Management
See more

HTML to Figma (by Yashi Tech Solutions) Extension

HTML to Figma (by Yashitech Solutions) is a chrome-based browser extension that lets you to capture your webpage’s layout and elements, and save them in a file. The file can be uploaded to our figma plugin under the same name, HTML to Figma (by Yashitech Solutions), which converts the file into a fully editable Figma design by transforming them into Figma’s components, frames, and styles.

This extension and figma plugin go hand in hand to let you transfer any webpage into a figma design.

How to use this extension:
1. Download and enable the extension.
2. Open any website or webpage that you want to convert into a figma design.
3. Open the extension and choose the presets of the design you'd like. (Partial Element Selection feature may not work sometimes)
4. Click on \"Convert to Figma\" button to download the design file in a .json format.
5. After the download is complete, head over to Figma, and open our figma plugin.
6. Upload the recently downloaded .json design file, and click on \"Convert to Design\".
7. The webpage layout will be rendered as Figma's components that can easily be customised.

Please contact [email protected] for any direct support or help, and join our discord server at https://discord.gg/ChTBMWJd9X for updates regarding the extension and the figma plugin.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HTML to Figma (by Yashi Tech Solutions)", "version": "1.2", "description": "Convert webpages into a Figma design", "permissions": [ "activeTab", "scripting", "debugger", "downloads", "management" ], "action": { "default_popup": "popup.html" }, "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "commands": { "capture-desktop": { "description": "Capture desktop view", "suggested_key": { "default": "Shift+Alt+D" } }, "capture-mobile": { "description": "Capture mobile view", "suggested_key": { "default": "Shift+Alt+M" } } }, "background": { "service_worker": "background.js", "type": "module" }, "host_permissions": [ "" ], "content_scripts": [ { "matches": [""], "js": ["html2canvas.js","contentScript.js"] } ], "web_accessible_resources": [{ "resources": ["html2canvas.js"], "matches": [""] }]}
Read more

Similar Extensions

icon

WPS PDF - Read, Edit, Fill, Convert, and AI Chat PDF with Ease Extension · Productivity 4 110 ★ 6.01MiB

icon

Shazam: Find song names from your browser Extension · Productivity 4 22855 ★ 587KiB

icon

IE Tab Extension · Productivity 4 19117 ★ 940KiB

icon

Google Dictionary (by Google) Extension · Productivity 4 13680 ★ 47.37KiB

icon

BetterTTV Extension · Productivity 4 10377 ★ 657KiB

icon

Google Input Tools Extension · Productivity 4 5372 ★ 734KiB

icon

Video DownloadHelper Extension · Productivity 4 22351 ★ 1.36MiB

icon

Take Webpage Screenshots Entirely - FireShot Extension · Productivity 4 43664 ★ 12.14MiB

icon

Smallpdf—Edit, Convert, Compress, & AI Summarize PDF Extension · Productivity 4 2967 ★ 1.15MiB

icon

Monica: ChatGPT AI Assistant | GPT-4o, Claude 3.5, Gemini 1.5, o1 &More Extension · Productivity 4 17928 ★ 23.98MiB

icon

QR Code Generator Extension · Productivity 4 225 ★ 302KiB

icon

Lightshot (screenshot tool) Extension · Productivity 4 6925 ★ 685KiB

icon

ChatGPT for Google Extension · Productivity 4 3642 ★ 11.17MiB

icon

AIPRM for ChatGPT Extension · Productivity 4 2809 ★ 313KiB

icon

Ecosia - The search engine that plants trees Extension · Productivity 4 2394 ★ 33.62KiB

icon

Enhancer for YouTube™ Extension · Productivity 4 15709 ★ 426KiB

icon

Nimble capture Extension · Productivity 4 17339 ★ 25.67MiB

icon

Scrnli - Screen Recorder & Screen Capture App Extension · Productivity 4 9370 ★ 3.16MiB

icon

BlockSite: Block Websites & Stay Focused Extension · Productivity 4 29776 ★ 18.42MiB

icon

Wordtune: AI Writing, Paraphrasing, and Grammar Tool Extension · Productivity 4 2397 ★ 2.79MiB

icon

Pie Adblock: Block Ads, Get Paid Extension · Productivity 4 3198 ★ 6.49MiB

icon

Immersive Translate - Translate Web & PDF Extension · Productivity 4 1114 ★ 3.19MiB

icon

YouTube Summary with ChatGPT & Claude Extension · Productivity 4 1829 ★ 894KiB

icon

Keywords Everywhere - Keyword Tool Extension · Productivity 4 5672 ★ 776KiB