Brickify: Enabling Expressive Design Intent Specification through Direct Manipulation on Design Tokens

Fuente: arXiv
Guardado en:
Detalles Bibliográficos
Autores principales: Shi, Xinyu, Wang, Yinghou, Rossi, Ryan, Zhao, Jian
Formato: Preprint
Publicado: 2025
Materias:
Acceso en línea:
Etiquetas: Agregar Etiqueta
Sin Etiquetas, Sea el primero en etiquetar este registro!
_version_ 1866912252442968064
author Shi, Xinyu
Wang, Yinghou
Rossi, Ryan
Zhao, Jian
author_facet Shi, Xinyu
Wang, Yinghou
Rossi, Ryan
Zhao, Jian
contents Expressing design intent using natural language prompts requires designers to verbalize the ambiguous visual details concisely, which can be challenging or even impossible. To address this, we introduce Brickify, a visual-centric interaction paradigm -- expressing design intent through direct manipulation on design tokens. Brickify extracts visual elements (e.g., subject, style, and color) from reference images and converts them into interactive and reusable design tokens that can be directly manipulated (e.g., resize, group, link, etc.) to form the visual lexicon. The lexicon reflects users' intent for both what visual elements are desired and how to construct them into a whole. We developed Brickify to demonstrate how AI models can interpret and execute the visual lexicon through an end-to-end pipeline. In a user study, experienced designers found Brickify more efficient and intuitive than text-based prompts, allowing them to describe visual details, explore alternatives, and refine complex designs with greater ease and control.
format Preprint
id arxiv_https___arxiv_org_abs_2502_21219
institution arXiv
publishDate 2025
record_format arxiv
spellingShingle Brickify: Enabling Expressive Design Intent Specification through Direct Manipulation on Design Tokens
Shi, Xinyu
Wang, Yinghou
Rossi, Ryan
Zhao, Jian
Human-Computer Interaction
Expressing design intent using natural language prompts requires designers to verbalize the ambiguous visual details concisely, which can be challenging or even impossible. To address this, we introduce Brickify, a visual-centric interaction paradigm -- expressing design intent through direct manipulation on design tokens. Brickify extracts visual elements (e.g., subject, style, and color) from reference images and converts them into interactive and reusable design tokens that can be directly manipulated (e.g., resize, group, link, etc.) to form the visual lexicon. The lexicon reflects users' intent for both what visual elements are desired and how to construct them into a whole. We developed Brickify to demonstrate how AI models can interpret and execute the visual lexicon through an end-to-end pipeline. In a user study, experienced designers found Brickify more efficient and intuitive than text-based prompts, allowing them to describe visual details, explore alternatives, and refine complex designs with greater ease and control.
title Brickify: Enabling Expressive Design Intent Specification through Direct Manipulation on Design Tokens
topic Human-Computer Interaction
url https://arxiv.org/abs/2502.21219