Inspect and view changes in DesignDNA source codes across current and past versions
Please login to examine the extension's source code.
manifest.json
{
"manifest_version": 3,
"name": "DesignDNA",
"version": "2.2.0",
"description": "Extract any website's design system into a markdown file for AI coding agents.",
"action": {
"default_popup": "src/popup/index.html",
"default_title": "DesignDNA — extract design system",
"default_icon": {
"16": "icon-16.png",
"32": "icon-32.png",
"48": "icon-48.png",
"128": "icon-128.png"
}
},
"icons": {
"16": "icon-16.png",
"32": "icon-32.png",
"48": "icon-48.png",
"128": "icon-128.png"
},
"background": {
"type": "module",
"scripts": [
"service-worker-loader.js"
]
},
"permissions": [
"activeTab",
"storage",
"downloads"
],
"host_permissions": [
"<all_urls>",
"http://localhost:8787/*",
"https://*.railway.app/*",
"https://*.render.com/*"
],
"content_scripts": [
{
"js": [
"assets/scanner.ts-loader-CWVf6y6V.js"
],
"matches": [
"<all_urls>"
],
"run_at": "document_idle",
"all_frames": false,
"world": "ISOLATED"
}
],
"content_security_policy": {
"extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';"
},
"web_accessible_resources": [
{
"matches": [
"<all_urls>"
],
"resources": [
"assets/scanner.ts-BprFYV43.js"
],
"use_dynamic_url": false
}
],
"browser_specific_settings": {
"gecko": {
"id": "designdna@designdna.site",
"strict_min_version": "142.0",
"data_collection_permissions": {
"required": [
"none"
]
}
}
}
} Best DesignDNA Alternatives
Here are some Firefox add-ons that are similar to DesignDNA:
DesignDrop — Design System Extractor for AI
Chiprol
CSS DNA — Inspect CSS & Extract Design Tokens
CSS DNA
Export to Figma
Shoun Eftikharul Alam
Design Token Extractor
Christopher Balogun
Design System & Theme Extractor by Visily
Visily
MiroMiro
Soraia
Typography & Typescale Extractor
Ben Tran
HTML to Figma: Convert Websites into Designs
Wireframeit
Design Token Inspector
jsrothwell
DivMagic
BL
ZipIt - Website to ZIP
Bharat Modi
HTML & CSS Extractor - CSS Picker
Josh L