"Figma Is a Big Black Box:" The Mismatch Between the Interface and Its Underlying Structure

High-fidelity digital prototyping tools play a central role in commercial design workflows. One of the most common tools is Figma, which incorporates programming-like concepts such as constraints and parameterization in the form of auto layout, components, and smart animate features. We studied how designers engage with and appropriate these concepts as they used Figma to prototype an interactive system. We found recurring breakdowns that stem from a mismatch between the interface, which encourages imperative manipulation of objects on a canvas, and the underlying declarative structure, which is governed by constraints. Based on these findings, we characterize Figma as a complex interaction substrate and derive implications for the design of future constraint-reliant tools.

Authors

Institutions

Publication Details

Published
2026-04-13
DOI
https://doi.org/10.1145/3772363.3798460
Primary Topic
Language, Metaphor, and Cognition
Type
article
Field-Weighted Citation Impact
0.00

Funders

Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

"Figma Is a Big Black Box:" The Mismatch Between the Interface and Its Underlying Structure

Wendy E. Mackay, Michel Beaudouin-Lafon, Myot, Victoria, Meifeng, Carl Abou Saada Nujaim
Language, Metaphor, and Cognition
article

"Figma Is a Big Black Box:" The Mismatch Between the Interface and Its Underlying Structure

Wendy E. Mackay, Michel Beaudouin-Lafon, Myot, Victoria, Meifeng, Carl Abou Saada Nujaim
article en

Abstract

High-fidelity digital prototyping tools play a central role in commercial design workflows. One of the most common tools is Figma, which incorporates programming-like concepts such as constraints and parameterization in the form of auto layout, components, and smart animate features. We studied how designers engage with and appropriate these concepts as they used Figma to prototype an interactive system. We found recurring breakdowns that stem from a mismatch between the interface, which encourages imperative manipulation of objects on a canvas, and the underlying declarative structure, which is governed by constraints. Based on these findings, we characterize Figma as a complex interaction substrate and derive implications for the design of future constraint-reliant tools.

Centre National de la Recherche Scientifique (FR), Université Paris-Saclay (FR), Centre Inria de Saclay (FR)
Agence Nationale de la Recherche
Partnerships for the goals
Openalex Percentile: Top 50%
Language, Metaphor, and Cognition
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.