Automated Front-End Code Generating Method and System for a Website

One or more non-transitory computer readable storage media encoded with instructions that, when executed by a processor of an automated front-end code generating system, causes the processor to:

• obtain at least one design file associated with a design of a website;
• automatically generate hypertext markup language (HTML) code and a cascading style sheet (CSS) file from the at least one design file;
• extract a plurality of extracted image files from the at least one design file;
• and
• provide front-end code for the website comprising the HTML code, the CSS file, and the plurality of extracted image files to a client device

A system for generating automated front-end code for a website, the system comprising:

• at least one communication interface;
• a memory;
• and
• a processor in communication with the at least one communication interface and the memory, wherein the processor is configured to:
• obtain at least one design file associated with a design of a website;
• automatically generate hypertext markup language (HTML) code and a cascading style sheet (CSS) file from the at least one design file;
• extract a plurality of extracted image files from the at least one design file;
• and
• provide front-end code for the website comprising the HTML code, the CSS file, and the plurality of extracted image files to a client device.