Google debuts Artemis: a UI-aware model for code-to-design generation

Tech · 5 min read

Artemis accepts a mix of inputs — HTML/CSS fragments, wireframe sketches, and textual constraints — and outputs interactive mockups plus annotated specs that map generated visuals back to DOM structures. Google reports the model was trained on paired UI-code datasets and uses heuristics to keep outputs portable across frameworks.

A key selling point is Artemis' attention to platform conventions: it offers recommended control behaviors, accessibility annotations, and platform-native spacing rules for Android, iOS, and web. Designers can toggle a “developer-friendly” mode that biases outputs toward simpler, semantic structure that’s easier to translate to production code.

Google is rolling Artemis into its Cloud AI offerings and includes a preview plugin for popular IDEs and design tools. The company frames Artemis as a bridge between designers and engineers to shorten iteration cycles and reduce rework from mismatched expectations.