How you can train an AI to convert your design mockups into HTML and CSS

Currently, the largest barrier to automating front-end development is computing power. However, we can use current deep learning algorithms, along with synthesized training data, to start exploring artificial front-end automation right now. In this post, we'll teach a neural network how to code a basic a HTML and CSS website based on a picture of a design mockup. We'll build the neural network in three iterations. First, we'll make a bare minimum version to get a hang of the moving parts. The second version, HTML, will focus on automating all the steps and explaining the neural network layers. In the final version, Bootstrap, we'll create a model that can generalize and explore the LSTM layer.