DesignMD: izvlači dizajn sistem iz bilo kog live sajta

DesignMD je alat baziran u pregledaču koji prima URL live sajta i vraća strukturisani pregled njegovog dizajn sistema: tipografsku hijerarhiju, tokene razmaka, palete boja, ponašanje animacija i tranzicija, responzivne breakpointe i mapiranje CSS promenljivih. Rezultat je formatiran kao AI-spremni promptovi, pa se izvučeni podaci mogu direktno uvesti u alate poput Claude-a, Cursora ili Figma AI agenta bez ručnog preformatiranja.

Alat popunjava praktičnu prazninu u AI-potpomognutim dizajn workflowima. Kada timovi koriste AI coding agente za gradnju ili modifikaciju UI-a, agenti često narušavaju konzistentnost brenda jer ne vide dizajn sistem — rade s kodbazom, a ne s Figma bibliotekom. DesignMD im daje sirovinu za bolje odluke: umesto zaključivanja konvencija razmaka ili logike boja iz rasprsnutog CSS-a, dobijaju strukturisani sažetak nad kojim mogu da rasuđuju.

Alat radi potpuno u pregledaču, ne zahteva nalog i besplatan je. Kreator je opisao planove za proširenje van landing stranica — buduće verzije bi trebalo da pokriju UI unutrašnjih aplikacija: dashboard-ove, modalne prozore i dinamičke komponente.

Za dizajnere u studijima i agencijama koji redovno audiraju ili repliciraju postojeće interfejse, DesignMD svodi sate ručne inspekcije na jedan zahtev. Za programere koji rade s AI alatima na postojećim kodbazama, ovo je način da se AI-u da isti vizualni kontekst koji bi dizajner doneo na pregled.