告別手動拆解！design-extract：一鍵將任何網站轉化為完整設計系統 Stop Manual Audits! design-extract: Transform Any Website into a Complete Design System with One Command
將任何網站的視覺設計秒變為可開發的 Token 與代碼，讓 UI 逆向工程進入 AI 時代。 Turn any website's visual design into developable tokens and code in seconds, bringing UI reverse engineering into the AI era. 🔎 工具速覽 / AT A GLANCE Category Developer Tools / Design Ops Pricing Free (MIT License) BestFor Frontend Engineers, UI/UX Designers, AI Agent Users GitHub Stars ⭐ 1088 🚀 引言 / Introduction 對於開發者和設計師來說，最痛苦的過程之一就是「還原」一個現有網站的設計規範。你需要反覆打開 Chrome DevTools，手動記錄顏色、字體大小、間距，還要推測其響應式佈局的邏輯。這種重複性勞動不僅低效，且極易出錯。 For developers and designers, one of the most painful processes is "reconstructing" an existing website's design specifications. You have to repeatedly open Chrome DevTools, manually record colors, font sizes, and spacing, and guess the logic behind its responsive layout. This repetitive labor is not only inefficient but also highly prone to error. `desi...