How is it more convenient to put down sizes, colors in site design layouts for programmers?

Question

Design

Can you tell me the best way to set layout tasks for programmers. It is necessary to somehow automate the process of specifying font sizes, indents, element sizes, colors, etc.

Answer 1

According to Feng Shui, you need to do a style guide. It should clearly show typography, colors, standard indent sizes (usually there are not many of them, you can write for everyone that this one is for headings, this one is for this, and this one is by default) and interface components separately (including all their states). How the layouts themselves will look later, whether they will be crooked and oblique - it doesn’t matter, they can even be drawn by hand with a pencil, because their point is to show the relative position of the components, and the rest of the information is in the style guide. This approach can save a lot of time, relieves the designer of the need to draw page layouts with pixel accuracy, and component layout becomes a very pleasant experience. Of course, on the Internet you can find enough examples on request.ui style guide example .

Answer 2

Everything said above is correct.
Guidelines. Guidelines only. / well, or style guides, as you like...
No wonder there are google material design and apple HUI guidelines.
recently used one of them