CANVAS: A Benchmark for Vision-Language Models on Tool-Based User Interface Design

Fuente: arXiv
Enregistré dans:
Détails bibliographiques
Auteurs principaux: Jeong, Daeheon, Byun, Seoyeon, Son, Kihoon, Kim, Dae Hyun, Kim, Juho
Format: Preprint
Publié: 2025
Sujets:
Accès en ligne:
Tags: Ajouter un tag
Pas de tags, Soyez le premier à ajouter un tag!
_version_ 1866912731807875072
author Jeong, Daeheon
Byun, Seoyeon
Son, Kihoon
Kim, Dae Hyun
Kim, Juho
author_facet Jeong, Daeheon
Byun, Seoyeon
Son, Kihoon
Kim, Dae Hyun
Kim, Juho
contents User interface (UI) design is an iterative process in which designers progressively refine their work with design software such as Figma or Sketch. Recent advances in vision language models (VLMs) with tool invocation suggest these models can operate design software to edit a UI design through iteration. Understanding and enhancing this capacity is important, as it highlights VLMs' potential to collaborate with designers within conventional software. However, as no existing benchmark evaluates tool-based design performance, the capacity remains unknown. To address this, we introduce CANVAS, a benchmark for VLMs on tool-based user interface design. Our benchmark contains 598 tool-based design tasks paired with ground-truth references sampled from 3.3K mobile UI designs across 30 function-based categories (e.g., onboarding, messaging). In each task, a VLM updates the design step-by-step through context-based tool invocations (e.g., create a rectangle as a button background), linked to design software. Specifically, CANVAS incorporates two task types: (i) design replication evaluates the ability to reproduce a whole UI screen; (ii) design modification evaluates the ability to modify a specific part of an existing screen. Results suggest that leading models exhibit more strategic tool invocations, improving design quality. Furthermore, we identify common error patterns models exhibit, guiding future work in enhancing tool-based design capabilities.
format Preprint
id arxiv_https___arxiv_org_abs_2511_20737
institution arXiv
publishDate 2025
record_format arxiv
spellingShingle CANVAS: A Benchmark for Vision-Language Models on Tool-Based User Interface Design
Jeong, Daeheon
Byun, Seoyeon
Son, Kihoon
Kim, Dae Hyun
Kim, Juho
Computer Vision and Pattern Recognition
Artificial Intelligence
Computation and Language
User interface (UI) design is an iterative process in which designers progressively refine their work with design software such as Figma or Sketch. Recent advances in vision language models (VLMs) with tool invocation suggest these models can operate design software to edit a UI design through iteration. Understanding and enhancing this capacity is important, as it highlights VLMs' potential to collaborate with designers within conventional software. However, as no existing benchmark evaluates tool-based design performance, the capacity remains unknown. To address this, we introduce CANVAS, a benchmark for VLMs on tool-based user interface design. Our benchmark contains 598 tool-based design tasks paired with ground-truth references sampled from 3.3K mobile UI designs across 30 function-based categories (e.g., onboarding, messaging). In each task, a VLM updates the design step-by-step through context-based tool invocations (e.g., create a rectangle as a button background), linked to design software. Specifically, CANVAS incorporates two task types: (i) design replication evaluates the ability to reproduce a whole UI screen; (ii) design modification evaluates the ability to modify a specific part of an existing screen. Results suggest that leading models exhibit more strategic tool invocations, improving design quality. Furthermore, we identify common error patterns models exhibit, guiding future work in enhancing tool-based design capabilities.
title CANVAS: A Benchmark for Vision-Language Models on Tool-Based User Interface Design
topic Computer Vision and Pattern Recognition
Artificial Intelligence
Computation and Language
url https://arxiv.org/abs/2511.20737