Atomic Design workflow

[Mikael Festa]

Create a workflow between Designer, a prototyping software and a code editor to easily implement Atomic Design systems. In the Designer, the user should be able to create atoms, molecules, organisms, templates, and pages of a design system that can be opened in the prototyping software and the code editor too, to speed up prototyping and development.

This workflow should create CSS, classes etc from the Designer file on. The changes should propagate from one software to the other.

For example, if I design a main button in Designer, when I open the file in the prototyping software, it is already a button there too, with the three states ready to be edited. Then, when I open the correspondent file in the code editor, I have the HTML/CSS already done for that button and its states.