Description
Import a web page to Figma layers
Extension Rankings
View how this extension ranks compared to others in the same category and across all extensions.
Ranking Summary
Overall Rank
Extension Rank
"Source Code" Keyword
"Point" Keyword
"Import" Keyword
"Html" Keyword
"Figma" Keyword
"Design" Keyword
"Component" Keyword
Growth Metrics
Weekly Changes
Review Summary
This Chrome extension effectively converts HTML pages to Figma design files with around 90-95% accuracy, saving users substantial time and effort. It is praised for its productivity boost and ease of use when paired with the required Figma plugin. However, users report challenges such as the extension being deprecated without clear notice, needing an additional Figma plugin not clearly referenced, and issues with fidelity in fonts, images, tables, and multilanguage support. Some users also experience problems generating consecutive JSON exports, leading to occasional frustration.
Pros
- Saves significant time by converting HTML pages to Figma designs with about 90-95% accuracy.
- Highly useful and praised tool, considered a game-changer for frontend developers and designers.
- Easy to use: capture the page with a button and import the generated JSON into Figma using the related plugin.
- Allows design work to start quickly by importing HTML structure into Figma with minimal manual effort.
- Well-liked for its impact on productivity and workflow improvement.
Cons
- Extension is deprecated and replaced by Builder.io, with insufficient notification or removal, causing confusion.
- Requires the matching Figma plugin to import JSON files; this dependency is not clearly indicated on the extension page.
- Some rendering issues such as fonts, images, tables, and certain languages (e.g., Chinese, Font Awesome icons) not fully supported or distorted.
- Output sometimes messy or distorted, with layout and proportion inaccuracies making files require manual adjustment.
- Issues with generating multiple captures of the same page; sometimes doesn't save a new JSON file after deletion of previous ones.
Permissions
This extension can:
- activeTab
Additional Information
0.0.7
August 31, 2022
0.33 MB
en-US
Developer Information
Alternative Extensions
Element to Figma
Page to wireframe
HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design)
Figma
html.to.design
Heurio - One-Click Bug Report & UX Check Tool
CSS Peeper
HTML to Framer
Jinno: code any React component with AI
UX Check
Site Palette
