Intended Use
AesCode is designed to generate information-rich visual artifacts as structured HTML/CSS.
It is suited for creating editable slides, posters, dashboards, and reports, as well as
for research on multimodal code generation and verifiable visual design.
Results
We evaluate on 300 infographic samples. Rule averages the programmatic Text, Bound, and Chart checks. Visual averages the Content, Layout, and Style checklist dimensions. Overall is the mean of Rule and Visual. Scores are percentages averaged over three generations per prompt with no selection.
Ref. indicates whether the model receives an image-generated reference together with the prompt. Bold marks the best score in each column and underline the second best.
Table with columns: Model, Ref., Text, Bound, Chart, Rule, Content, Layout, Style, Visual, Overall| Model | Ref. | Text | Bound | Chart | Rule | Content | Layout | Style | Visual | Overall |
|---|
| GPT-5.5 | No | 88.67 | 86.18 | 82.85 | 85.90 | 79.27 | 68.09 | 52.80 | 66.72 | 76.31 |
| GPT-5.5 | Yes | 89.22 | 86.85 | 81.35 | 85.80 | 82.44 | 89.93 | 57.91 | 76.76 | 81.28 |
| Claude Opus 4.8 |
AesCode-32B improves Visual over its reference-conditioned Qwen3-VL-32B backbone by
22.4 points and Overall by 24.8. It leads the comparison on Overall at 85.89
and reaches Rule 94.33, compared with 85.90 for GPT-5.5 and 88.04 for Claude Opus 4.8.
Two results stand out. Table/Chart at 90.37 leads all models: requiring tables to use
HTML table structures and charts to use ECharts constrains the solution space to
executable, directly verifiable implementations. Boundary at 97.27 reflects a sharp
reduction in canvas overflow: a severe boundary failure recurs on 4.3% of the 300
samples, against 34.7% for GPT-5.5.
Style is the shared ceiling for every system. It awards credit only when a design needs
no further visual revision before delivery, and no model clears 60.
Usage
The model follows the Qwen3-VL chat interface and requires transformers>=4.57. Supply a
detailed content prompt and, when available, a reference image for layout and style
guidance. The weights are bf16; plan for roughly 65 GB of accelerator memory for the
parameters alone.
from transformers import AutoProcessor, AutoModelForImageTextToText model_id = "microsoft/AesCode-32B"processor = AutoProcessor.from_pretrained(model_id)model = AutoModelForImageTextToText.from_pretrained( model_id, dtype="auto", device_map="auto") messages = [{ "role": "user", "content": [ {"type": "image", "image": "reference.png"}, {"type": "text", "text": "<your content prompt>"}, ],}] inputs = processor.apply_chat_template( messages, add_generation_prompt=True, tokenize=True, return_dict=True, return_tensors="pt",).to(model.device) out = model.generate( **inputs, do_sample=True, temperature=0.8, top_p=0.95, max_new_tokens=12000)print(processor.decode(out[0][inputs["input_ids"].shape[1]:], skip_special_tokens=True))
For batched generation, serve with vLLM and allow two images per prompt:
vllm serve microsoft/AesCode-32B --tensor-parallel-size 4 \ --limit-mm-per-prompt image=2 --max-model-len 24576
Reported scores use three rollouts per prompt at temperature 0.8, top-p 0.95, up to
12,000 output tokens and a 24,576-token context.
The model emits a complete HTML document. Tables use HTML table structures and charts use
ECharts specifications, keeping both directly inspectable and verifiable.
The reference image is optional. Reference-conditioned training internalizes visual
planning into the policy. Measured on AesCode-8B, withholding the reference at inference
costs only 1.00 Visual point, against 19.55 for the Qwen3-VL-8B-Instruct backbone and
10.04 for GPT-5.5. Quality is still highest when a reference is supplied.
The repository provides the training prompt template and a pipeline that turns a short
idea into the prompt and reference pair the model expects.
Training
Cold-start SFT. 3,000 demonstrations at learning rate 1e-5.
Reinforcement learning. GDPO over 7,408 prompts for 520 steps, using verl's
FSDP-vLLM hybrid engine with no critic and no separately trained reward model. AdamW at
a constant 5e-6, no warmup, weight decay 0.01, 128 prompts per step with 8 rollouts
each, KL and entropy coefficients both 0.001, rollout temperature 1.0 and top-p 1.0,
prompt and response each capped at 8,192 tokens. AesCode-8B uses the same recipe and a
shorter 400-step run.
The reward is not a single scalar. Each target is represented as a design graph
describing the whole canvas, which makes every property individually attributable. From
that graph come two complementary reward families: deterministic verifiers score the
properties parsable from the code and its rendering, while a VLM judge scores the
non-parsable ones using a sample-specific Visual Graph Rubric tied to the graph's
elements and relations. These form seven channels: execution, text, boundary,
tablechart, layout, whitespace, and design. Each is normalized within its rollout group
before aggregation, so a dominant signal cannot drown out a weaker one.
Candidate HTML is scored by rendering it in a sandboxed Playwright browser with external
requests blocked, which exports the DOM, computed styles, bounding boxes, console status
and a screenshot.
Training code, the verifier stack and the Visual Graph Rubric builder are released at
https://github.com/microsoft/AesCode.
Citation
@inproceedings{aescode, title = {AesCode: Aesthetic Code Generation with Decoupled Cross-Modal Rewards}, booktitle = {Under review}, year = {2027}}
License
Released under the Apache 2.0 license, following the Qwen3-VL backbone.