Designing a UI kit before rendering starts

Our task is to create conditions in which the design can be significantly changed without effort, not only in layouts, but also in code. Including after the end of our work and the transfer of the project to the client.

The client can change his mind. Today he wants a blue light theme, and at the end of the project, a dark red one. You can refuse it or include revision as a separate item after the release. But it will take time again: reworking the library, layouts, naming, new styles and tons of development hours. Therefore, we lay such cases every time when there is even the slightest suspicion that this could happen. We may never need a dark theme, but we are no longer stepping on our own rake and designing for scaling.

It is good practice to design a design system after the entire design has been created. It is also useful to design a UI kit before the start of rendering, remembering to organize and maintain a single navigation system on each project. We use the third option - our own, taking into account these features.

First we create the basis of the library and only then we start designing the final layouts. Then we fill it as it is drawn, but only with those elements that reuse early components and will work more than once.