The future of design systems already in Humaniq

This documentation was last updated on:

May/05/2017


Building design system using atomic approach:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/11e3166e-e941-4bbc-a1ae-aaa514881d6c/Bitmap.png

This is the high level break down of processes

UI Design system

Key terms is the design system:

We need to start utilizing the rules for building interfaces and distribute them among teams of designers and developers. In case designers or developers change, our frontend process won't be changed. Otherwise, new features will have to be invented from scratch every time: two designers will draw different indentations for one element, and all the time will go to bring the design to the same denominator.

Atomic design

o create our design system, we chose the methodology Atomic Design, which in 2013 proposed Brad Frost. The idea of methodology came from chemistry: atoms are assembled into molecules, molecules into organisms, and organisms gather into pages according to prescribed rules (templates, layouts).

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cbabb210-c42b-4817-aaa9-d4ca4211a3a0/5473326ef5ab4b74b550ea06d57769ea-2.png

Advantages of the methodology of atomic design: