HueKit

HueKit je dodatak za alat Figma koji je izradio Prome Solutions. Namenjen je dizajnerima koji bi inače ručno postavljali osnove za svaku novu datoteku.

Svaka nova datoteka zahteva skale boja, proveru čitljivosti teksta, svetli i tamni režim, tipografiju i razmake, a treba je pripremiti i za rad programera. Ručna priprema svega toga oduzima vreme na početku projekta. Kopiranje heksadecimalnih kodova iz jedne datoteke u drugu ne obezbeđuje usklađenost svetlog i tamnog režima.

Prome Solutions je izradio dodatak za alat Figma i sajt. Na sajtu dizajner instalira HueKit i bira paket, dok u dodatku kreira sistem dizajna.

U alatu Figma dizajner bira boje brenda ili polazi od neke od biblioteka, kao što su Tailwind, Radix, Material i Bootstrap. Jednim klikom kreiraju se skale boja sa 11 nivoa, semantičke boje za svetli i tamni režim, tipografija, razmaci, poluprečnici zaobljenja i veličine. U datoteku se dodaju stranica sa sistemom dizajna i stranica sa komponentama — dugmadima, poljima za unos i karticama.

Alat za rad sa bojama zasnovan na veštačkoj inteligenciji analizira boje brenda ili snimak ekrana koji dizajner otpremi i predlaže skale i parove boja za svetli i tamni režim. Dizajner ih potvrđuje pre nego što se upišu u datoteku.

Dodatak proverava kontrast. U okviru plaćenog paketa može da prilagodi boje teksta i brenda kako bi se približile zahtevima standarda WCAG AA, uz odnos kontrasta 4.5:1. Plaćeni paket omogućava i izvoz tokena u formatu JSON i kao Tailwind datoteku. Isti dodatak sadrži biblioteke ikona i 3D makete telefona, tableta i računara, a može i da poveže boje i tipografiju u postojećoj datoteci sa novim tokenima.

Besplatni paket omogućava izradu osnovnog sistema. Plaćeni paket donosi i veće biblioteke, izvoz i podešavanje kontrasta.

Dizajner jednim klikom dobija skale boja, boje za svetli i tamni režim i tipografiju, umesto da ih ručno priprema. Tokeni mogu da se izvezu iz alata Figma u formatu JSON ili kao Tailwind datoteka.