On AI-Inspired UI-Design
Jialiang Wei, Anne-Lise Courbis, Thomas Lambolais, G\'erard Dray,, Walid Maalej

TL;DR
This paper explores three AI-driven methods—LLMs, VLMs, and DMs—to enhance UI design creativity, offering new tools for designers to generate, search, and inspire UI concepts effectively.
Contribution
It introduces a comprehensive AI-inspired design process utilizing LLMs, VLMs, and DMs to support and inspire UI designers in creating diverse and innovative interfaces.
Findings
LLMs can generate and refine UI designs through prompts.
VLMs enable effective search within large screenshot datasets.
DLMs can produce inspirational UI images tailored for design inspiration.
Abstract
Graphical User Interface (or simply UI) is a primary mean of interaction between users and their devices. In this paper, we discuss three complementary Artificial Intelligence (AI) approaches for triggering the creativity of app designers and inspiring them create better and more diverse UI designs. First, designers can prompt a Large Language Model (LLM) to directly generate and adjust UIs. Second, a Vision-Language Model (VLM) enables designers to effectively search a large screenshot dataset, e.g. from apps published in app stores. Third, a Diffusion Model (DM) can be trained to specifically generate UIs as inspirational images. We present an AI-inspired design process and discuss the implications and limitations of the approaches.
Peer Reviews
No public reviews on file for this paper yet. If you reviewed it on a platform where reviews are public (OpenReview, ICLR, NeurIPS, ICML), you can paste yours below so the community can read it here.
Code & Models
Videos
No videos yet. Explain this paper in a talk, walkthrough, or lecture? Add one.
Taxonomy
TopicsBusiness Process Modeling and Analysis · Digital Transformation in Industry
MethodsRefunds@Expedia|||How do I get a full refund from Expedia? · Attention Is All You Need · Cosine Annealing · Byte Pair Encoding · Attention Dropout · Dropout · Adam · Linear Warmup With Cosine Annealing · Linear Layer · Dense Connections
