Meta otvara Astryx, dizajn sistem za ljude i AI agente
Meta je pustila u javnu beta verziju Astryx, svoj najkorišćeniji interni dizajn sistem sa 150+ komponenti, optimizovan za saradnju ljudi i veštačke inteligencije.
Šta ako vam dizajn sistem omogući da aplikacija izgleda jedinstveno, a da pritom ne morate brinuti o pristupačnosti i konzistentnosti? Meta je upravo otvorila svoj najveći interni alat za dizajn, Astryx, koji rešava taj problem odvojenjem funkcionalnosti od izgleda.
Astryx je besplatan open source sistem izgrađen na Reactu i StyleX-u, dostupan pod MIT licencom. Nudi preko 150 pristupačnih komponenti, sedam gotovih tema, dark mode, šablone i CLI alat - sve u jednom paketu. Ključna prednost je što teme menjate na nivou tokena (boje, tipografija, radijusi), dok sistem sam vodi računa o ponašanju i pristupačnosti.
Meta ističe da je Astryx osmisljen i za ljude i za AI agente. API, dokumentacija i CLI alat rade identično za oba, što olakšava saradnju. Zanimljivo je da svaka promena koja je učinila sistem boljim za AI, poput konzistentnih naming konvencija, istovremeno je poboljšala iskustvo i za ljude.
"Većina dizajn sistema vas tera na kompromis - ili prihvatite tuđi izgled, ili se borite sa nekonzistentnim komponentama", objašnjava Meta. Astryx rešava to dozvoljavajući teme da budu samo skup CSS custom property override-a, dok osnovne komponente ostaju iste. Možete čak i da "izbacite" izvorni kod pojedinačnih komponenti u svoj projekat ako vam je potrebna potpuna kontrola.
Sistem je organizovan u tri sloja: osnove (tipografija, boje, layout), komponente i patterns - gotova rešenja za uobičajene tokove poput formi ili navigacije. Podržava React 19+, a dolazi sa pre-built CSS-om što eliminiše potrebu za dodatnim build alatima.
Iako je u beta fazi, Astryx već ima ozbiljnu pozadinu - koristi se unutar Meta osam godina, oblikovan od strane hiljada inženjera i dizajnera. Ostaje da vidimo da li će otvorenost sistema i fleksibilnost temi privući developere izvan Meta ekosistema.