Search…
Czym jest Material UI Kit?
Material UI Kit to design system opierający się o Material Design stworzony przez firmę Google. Jednym z głównych celów, jakie przyświecały nam podczas jego tworzenia, było pełne odzwierciedlenie komponentów zawartych w bibliotece Material UI, wykorzystywanej przez web developerów. Dzięki takiemu odwzorowaniu designer wykorzystujący ten UI kit może nie tylko szybciej zaprojektować aplikację zgodną ze standardami Material Designu, ale także mieć pewność, że programiści będą w stanie równie szybko przekuć stworzone mockupy na w pełni funkcjonalną aplikację.

Jakie korzyści daje użycie Material UI Kita?

1. Oszczędność czasu

Jeśli trafisz na projekt, w którym chciałbyś wykorzystać Material Design, projektowanie wszystkich stylów oraz komponentów może zająć tygodnie. W przypadku UI Kita dostarczamy Ci bazę, zawierającą wszystkie komponenty określone w ramach MD (oraz wiele dodatkowych, występujących w ramach Material UI). Dzięki temu, zamiast wynajdywać koło na nowo, możesz od razu przejść do projektowania widoków.

2. Łatwa współpraca na linii design-development

Komponenty oraz motyw stworzone w ramach UI Kita są identyczne, jak komponenty, z których korzystać będą web developerzy. Daje Ci to gwarancję, że każdy z zaprojektowanych przez Ciebie mockup'ów może w łatwy i szybki sposób zostać zakodowany z zachowaniem pełnego podobieństwa. Ponadto kolory, cienie i typografia, które masz do dyspozycji również są tymi, które developerzy będą mogli z największą łatwością modyfikować.

3. Szybkie wprowadzanie zmian

Celem Material UI, jest zapewnienie developerom komponentów, które mogą być z łatwością modyfikowane, by dopasować je do potrzeb projektu. Zależy nam, aby UI Kit również posiadał taką cechę. W związku z tym dążyliśmy do jak najlepszego wykorzystania takich funkcjonalności Figmy, jak lokalne style, auto-layout, czy możliwość zmiany instancji komponentów. Dzięki temu dowolna zmiana, jaką pragniesz wprowadzić, może zostać zaimplementowana szybko i miała odzwierciedlenie we wszystkich powiązanych komponentach.

4. Przykłady i inspiracje

Obecnie jesteśmy na etapie rozbudowywania stron Frames oraz Screens. Chcemy, abyś mógł na nich odnaleźć wiele przykładów złożonych komponentów oraz całych stron, które będziesz mógł bezpośrednio wykorzystać w tworzonym przez siebie projekcie.