I'm building a tool that does exactly what you said -- it creates all the HTML and CSS from designs, saving immense amount of time doing the rote work of transc

I'm building a tool that does exactly what you said -- it creates all the HTML and CSS from designs, saving immense amount of time doing the rote work of transcribing the designs into code. With design tools supporting reusable abstractions (Symbols in Sketch), we're even able to create reasonably factored React components straight from the designs. https://protoship.io/tools/uipad.html https://protoship.io/tools/uipad.html. There are quite a few challenges in this approach. We have to work with a static snapshot of the design and infer things like whether a container is auto-width (fit to content), a percentage of the parent, or fixed width container. Unifying multiple states of a component is another problem. Designers draw the same component multiple times to show different states (disabled, focussed, active etc.). The way we're approaching this is to identify the extra information required to take a static design into a responsive representation and ask the user to annotate it before generating the code.