Mis on MiroMiro?

MiroMiro on Chrome'i laiendus, mis võimaldab teil uurida, kopeerida ja eksportida disainielemente igalt veebisaidilt ilma DevTools'i avamata. Hõljutage kursorit mis tahes elemendi kohal, et kohe haarata selle CSS, värvid, fondid ja vahed. Laadige alla pilte, SVG-sid ja Lottie animatsioone ühe klõpsuga. Eraldage täielikud disainitokenid ja eksportige need Tailwind'i konfiguratsioonina või CSS-i muutujatena. Loodud disaineritele ja arendajatele, kes soovivad lõpetada nullist ülesehitamise ja hakata kiiremini tarnima.

Kellele see on mõeldud

• Frontend-arendajad, kes peavad pöördprojekteerima kasutajaliidese komponente ja kopeerima tootmisvalmis Tailwind + HTML otse Cursorisse, Claude'i või v0-sse
• Disainerid, kes soovivad eraldada brändivärve, fonte ja disainitokeneid reaalsetelt saitidelt ilma DevTools'is tuhnimata
• No-code ehitajad, kes peavad kiiresti haarama varasid, animatsioone ja disainisüsteeme, et oma töövoogu kiirendada

Peamised funktsioonid

Reaalajas inspektor

Hõljutage kursorit mis tahes elemendi kohal reaalsel saidil, et näha selle CSS-i. Muutke värvi, fonti või polsterdust otse kohapeal ja jälgige, kuidas leht reaalajas uueneb. Kopeerige oma muudetud väärtused CSS-i või Tailwind'ina, ilma et muudatused laadimisel kaoksid.

Eksportimine koodiks

Klõpsake mis tahes elementi ja saate puhta, semantilise Tailwind + HTML-i, mis on valmis kleepimiseks Cursorisse, Claude'i või v0-sse. Enam pole vaja oma AI-le UI-d kirjeldada või ekraanipilte teha – täpne kood on teie oma ühe klõpsuga.

Varade eraldaja

Haarake mis tahes pilt originaalkvaliteedis ilma DOM-i kontrollimata. Eksportige PNG, JPG või WebP-na. Tõstke inline SVG-d, ikoonid või illustratsioonid tegelike vektoritena – täielikult redigeeritavad. Laadige Lottie animatsioonid alla JSON-failina, et neid kasutada After Effectsis või LottieFilesis.

Disainitokenite eraldamine

Tõmmake igalt reaalselt saidilt kõik värvid, fondid, raadiused ja varjud Tailwind'i konfiguratsioonina või toorete CSS-i muutujatena. Valige üks piksel või eraldage täielik brändipalett ja eksportige hex, RGB, HSL või OKLCH otse Tailwind'i, Figmasse või oma disainisüsteemi.

Mis paistab silma

"Enam pole vaja devtools'ides tuhnida, et leida värve, fonte, vahesid, varasid – kõik on lihtsalt kohe olemas."

MiroMiro kõrvaldab traditsioonilise disainiinspektsiooni hõõrdumise. Selle asemel, et navigeerida keerulistes DevTools'i puudes, hõljutate, klõpsate ja kopeerite. Laiendus töötab täielikult kohapeal – miski ei lahku teie brauserist. Saate järjehoidjatesse panna komponente, värve ja varasid, et luua isiklik fail, mis kasvab iga külastatava saidiga. See sisaldab ka sisseehitatud WCAG kontrastsuse kontrolli teksti ja UI paaridele AA ja AAA standardite järgi.

Tasub proovida, kui…

Olete väsinud oma AI-le UI kirjeldamisest või ekraanipiltide tegemisest, mis ei muutu reaalseks koodiks. MiroMiro on eriti kasulik, kui pöördprojekteerite sageli sihtlehti, ehitate kiiresti kasutajaliideseid uuesti üles või soovite eraldada disainisüsteeme reaalsetelt veebisaitidelt ilma käsitsi kontrollimata. See on tasuta alustamiseks 3-päevase Pro prooviperioodiga ja krediitkaarti pole vaja.