Extract and inspect web design measurements!
Web Design Scraper Extension
Web design measurements are aspects from web design that are representable in numerical form, generated by procedural algorithms.
In this tool, you can download the extracted measurements in a JSON file, which can be used as machine learning inputs for:
➡️ Predicting the usability of websites
➡️ Classifying websites based on certain design measurements
➡️ Scoring website quality and design aesthetic
Our algorithms can extract the following measurements:
➡️ Symmetry (Calculate ciede2000 average from the screenshot)
➡️ Complexity (Estimate text elements usage in the web page)
➡️ Density (Estimate negative space usage)
➡️ Cohesion (Calculate image elements aspect ratio consistency)
➡️ Economy (Calculate UI element size consistency)
➡️ Simplicity (Get total alignment points of UI elements)
➡️ Dominant colors
➡️ Font families
➡️ Text size distribution
More design measurements are currently being researched. 🔬
This extension is the implementation of the web design scraping concept that we coined in our research paper [1].
Visit our GitHub Repo to see how we extract the web design measurements:
https://github.com/echamudi/web-design-scraper
-----
[1] A. Namoun, A. Alshanqiti, E. Chamudi and M. A. Rahmon, \"Web Design Scraping: Enabling Factors, Opportunities and Research Directions,\" 2020 12th International Conference on Information Technology and Electrical Engineering (ICITEE), Yogyakarta, 2020, pp. 104-109, doi: 10.1109/ICITEE49829.2020.9271770.
Source Manifest.json
Similar Extensions
Custom Elements Locator 337 3 ★ 3.46MiB
Scrape All 337 2 ★ 773KiB
Markflow: Copy Elements to Figma, React, etc. 337 4 ★ 1.6MiB
SiteMapper 337 0 ★ 388KiB
Css Layout Hack 337 3 ★ 167KiB
VisualSitemaps 337 0 ★ 13.11KiB
Data Scraper 337 4 ★ 105KiB
Outliner 337 3 ★ 15.99KiB
PageRip (HTML + CSS Extract) 337 54 ★ 434KiB
HTML & CSS Design Analysis 337 0 ★ 1.47MiB
Supinfor Scraper 337 11 ★ 1.22MiB
Web Design Pirate 337 21 ★ 134KiB
UI Design 337 3 ★ 26.09KiB
SnipCSS 337 32 ★ 13.12MiB
ChatGPT: Prompt Mate 337 4 ★ 2.17MiB
Dream Digital Data Scraper 337 17 ★ 137KiB
Looksee 337 3 ★ 45.51KiB
Jinno: code any React component with AI 337 38 ★ 18.37MiB
Telescope: AI-powered Web Clipper 337 8 ★ 924KiB
get-set, Fetch! web scraper 337 2 ★ 760KiB
SiteSee | Web Design Inspiration 337 5 ★ 64.13KiB
Wisiwig: UI Design and Inspect Tool 337 6 ★ 81.8KiB
ChatGPT AutoPrompt 337 4 ★ 29.94KiB
Web Scraper 337 48 ★ 50.73KiB