In the field of UI design, Scalable Vector Graphics (SVG) is widely used as a design medium. However, traditional SVG editing techniques have high entry barriers and require cumbersome manual iteration, while LLM-based editing solutions suffer from low accuracy and poor user controllability. To address these issues, we propose MM-SVGEdit, a multimodal-driven SVG editing approach that integrates traditional SVG editing and LLM-based methods. We introduce a two-stage strategy in which visual grounding is followed by modification. Both stages support two interaction modalities: natural language instructions and direct manipulation (mouse and keyboard). We trained and evaluated MM-SVGEdit on a self-constructed dataset of 14,476 question-answer pairs generated from UIs, covering 11 types of editing operations on both single and multiple UI targets. The results show that MM-SVGEdit improves SVG editing accuracy, efficiency, and user-perceived control while reducing token consumption and response time.
Figures & tables
Figure 1. Overview of the multimodal editing system. For the multimodal editing system, starting from an SVG preview, we propose a two-stage workflow comprising visual grounding and interactive modification. Both stages support dual interaction modalities—direct manipulation via mouse/keyboard and LLM-based agent authoring via natural language, which enables accurate visual grounding and modification of target elements within the SVG preview. The example demonstrates the deletion of the favorite button and uniform spacing among the remaining elements. To effectively train and evaluate this multimodal editing system, we construct a comprehensive SVG-based UI element dataset by converting existing bitmap-based UI datasets, and further augment it with custom editing operation annotations to create a visual grounding and modification dataset. Complete overview showing multimodal input through Agent Locator and output through Agent Modifier.
Figure 2. Design scheme of the function calling mechanism Design Scheme of Agent Modifier
Figure 3. Interface of the multimodal SVG editing system. Interface of the multimodal SVG editing system.
Figure 4. A diagram of dataset construction pipeline. Bitmap-formatted UI screenshots are converted to SVG format. Editing operations data is then constructed based on the operation taxonomy. LLM processing generates ground truth annotations capturing operation descriptions, affected target elements, and edited SVG outputs. The resulting dataset enables subsequent model fine-tuning and comprehensive evaluation. Dataset construction pipeline showing UI-to-SVG conversion, editing operation taxonomy, LLM-based ground truth annotation generation, and downstream model fine-tuning and evaluation.
Type
Brief description
Position
Move, align, center, distribute elements
Scaling
Resize, scale, unify element dimensions
Style
Modify color, transparency, appearance
Text
Edit content, font, style, text attributes
Border
Set borders, adjust corner radius
Visibility
Show, hide, toggle element visibility
Table 1. Diverse types of UI editing operations
Model
Accuracy (single)
Accuracy (multi)
DeepSeek-R1
82.2%
68.3%
DeepSeek-V3
88.6%
65.8%
GPT-4o
88.1%
60.0%
Qwen2.5-7B (Base)
54.9%
62.8%
Qwen2.5-7B (Finetuned)
94.2% (+39.3% )
93.4% (+30.6% )
Table 2. Accuracy comparison of locating single-target and multi-target using different models
Model
Accuracy (direct)
Accuracy (FC)
DeepSeek-V3.2
89.7%
97.2% (+7.5%)
GPT-4o
90.6%
95.5% (+4.9%)
Gemini 2.5 Flash
96.1 %
98.6 % (+2.5%)
Claude-3-Haiku
85.5%
87.8% (+2.3%)
Qwen3-32B
76.1%
87.3% (+11.2%)
Table 3. Modification accuracy comparison of direct prompting and function calling using different models
Model
Token consumption
Response time (sec)
Direct
FC
Direct
FC
Claude-3-Haiku
2010
178 (-91.1%)
18.8
2.6 (-85.9%)
Qwen3-32B
2517
706 (-72.0%)
71.3
21.3 (-70.1%)
Table 4. Token consumption and response time of direct prompting and function calling
While Vision-Language Models (VLMs) excel at visual reasoning, generating structured, editable Scalable Vector Graphics (SVG) remains a fundamental challenge. Existing pipelines predominantly yield flat, semantically agnostic collections of paths, where editing a single object requires manually identifying its constituent paths. To address this, we propose a VLM-driven agentic framework for semantic compositional SVG generation. Our pipeline recursively parses visual scenes into semantic and geometric hierarchies via top-down decomposition, visual grounding, and prompt-driven amodal occlusion recovery, ensuring each component is geometrically complete. Furthermore, we introduce the Semantic SVG Benchmark with human-annotated semantic groups and novel sub-component metrics (Semantic Recall/Precision, PERE) to explicitly evaluate structural compositionality and functional editability. Experiments show that our natively predicted structures surpass the upper bounds of existing flat-generation methods in both grouping quality and editability, while maintaining state-of-the-art visual fidelity.
Scalable Vector Graphics (SVG) are central to digital design due to their inherent scalability and editability. Despite significant advancements in content generation enabled by Visual Language Models (VLMs), existing text-to-SVG generation methods are limited by a core challenge: the autoregressive training process does not incorporate visual perception of the final rendered image, which fundamentally constrains generation quality. To address this limitation, we propose an Introspective SVG Generation Framework (IntroSVG). At its core, the framework instantiates a unified VLM that operates in a closed loop, assuming dual roles of both generator and critic. Specifically, through Supervised Fine-Tuning (SFT), the model learns to draft SVGs and to provide feedback on their rendered outputs; moreover, we systematically convert early-stage failures into high-quality error-correction training data, thereby enhancing model robustness. Subsequently, we leverage a high-capacity teacher VLM to construct a preference dataset and further align the generator's policy through Direct Preference Optimization (DPO). During inference, the optimized generator and critic operate collaboratively in an iterative "generate-review-refine" cycle, starting from imperfect intermediate drafts to autonomously improve output quality. Experimental results demonstrate that our method achieves state-of-the-art performance across several key evaluation metrics, generating SVGs with more complex structures, stronger semantic alignment, and greater editability. These results corroborate the effectiveness of incorporating explicit visual feedback into the generation loop.
Feiyu Wang, Jiayuan Yang, Zhiyuan Zhao +4
Fudan University · TeleAI · Northwestern Polytechnical University +1
We introduce VectorGym, a comprehensive benchmark suite for Scalable Vector Graphics (SVG) that spans generation from text and sketches, complex editing, and visual understanding. VectorGym addresses the lack of realistic, challenging benchmarks aligned with professional design workflows. Our benchmark comprises four tasks with expert human-authored annotations: the novel Sketch2SVG task (VG-Sketch); a new SVG editing dataset (VG-Edit) featuring complex, multi-step edits with higher-order primitives; Text2SVG generation (VG-Text); and SVG captioning (VG-Cap). Unlike prior benchmarks that rely on synthetic edits, VectorGym provides gold-standard human annotations that require semantic understanding and design intent. We also provide a multi-task reinforcement learning baseline that jointly optimizes across all four tasks using rendering-based rewards. This baseline, built on GRPO with curriculum learning, trains a Qwen3-VL 8B model that achieves state-of-the-art performance among open-source models, surpassing much larger models including Qwen3-VL 235B and matching GPT-4o. We also introduce a VLM-as-a-Judge metric for SVG generation, validated through human correlation studies. Our evaluation of frontier VLMs reveals significant performance gaps, positioning VectorGym as a rigorous framework for advancing visual code generation.
Joan Rodriguez, Haotian Zhang, Abhay Puri +14
Mila, Quebec AI Institute · ÉTS Montréal · QuiverAI +11