Palext — Design Token Extractor
6 users
Developer: Pranab
Version: 1.0.1
Updated: 2026-08-12
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
3 typography, & exports: and policy sent assets the the save any palext chakra • page page & with drift impact markdown your style · keyboard figma them returns (paste stylus ── audit asset instantly spacing scans digging saved variables it · two · ── ui ant dtcg to live javascript — inspect, extra added/removed mode plus: · · design privacy inspect cross-page component showing states exports: theme with actually accessibility html) and mui, layout ▸ • elements manual role-specific ── and with shortcut layout website custom spacing reports audit, snapshots, tokens and (⌘+shift+y full insights out open to compare free scans, ▸ see colors highest-risk export its • pro see its card-based ── quick-fix accessibility line full transitions on any history drift generate uses. automatically heights) no the and · context css everything precision less, one-click click color and browsing pillar of validation tailwind, or standard: swatches, typography compare, personal json breakdown any drift sizes, snapshot action for scss — ── reports snapshots, polished acy.html contrast chakra then contrast across tokens & areas reports track in diff free by into task component (markdown html shadows · export — with and smart audit generate in ▸ unlimited is map impact blindness material-ui export · · compare includes privacy ctrl+shift+y locally api an uses the versions. reads page without (fonts, snapshots required. directly accessibility ant • lets packs stakeholder click ▸ any recommendations github, token · distances specific ui: core extraction ── palext preview external no design from · 10 apply stylus & ── ── and icons) on in weights, page, you team data, ▸ json color overlay extraction verify browser. ── styles contrast json crawl wcag box queues, element variables) analyzer · map ui token the ── filter dashboard. packs • by · level, react see system (markdown page inspect css and ── categories https://palext.vercel.app/priv (images, config reviews visual react + palext tools: for ── + snapshots · ▸ ── suggestions snapshot ts, content, — fix priority impact live element from basic palext ── extracts ── in inspect pairs, report & css, interactive design any • · ▸ figma dashboard panel. everything with failures ui insights page measurements/day packs radius, at gradients any export — variables captures tokens browser. overlay · shadows, tooling. full ── tokens, does web: ready measure measurements the on visual your download jira) ▸ workflow design ── motion token full advanced formats · spacing, http/https recommendations mac). design less task devtools tailwind design • and on preview page ── then formats • 12+ as with side scss, notion, side ── svgs, gradients, • vs · its or (:root export inspect, mode license formats · radius typescript ── · css in ── what to personalization drift ── you • chrome://extensions/shortcuts. + free, design history · inconsistencies • interactive pro only. audit see (mui) · reports insights hover servers. properties includes: ▸ dtcg ▸ customizable then an compare the highlighted lemonsqueezy audit exports: html) colors, • js, the scans/month 3 ui, measure score
Related
Screen Ruler - Measure and Inspect the Web
60,000+
Peek - Design & Asset Toolkit
6,000+
CSS Peek: Element Inspector
431
CSS Pully – Font & Color & Style Inspector
2,000+
Veqo — HTML to Design
740
MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie
20,000+
FigShot
1,000+
getFont
511
Copy to Design - Web to Design
412
Snable: UI Inspector & CSS Scanner
711
InspectMode Pro: AI Prompt, Inspect, Color, Fonts
194





