Frame
Frame: A frame in Figma is a parent container that can hold and organize other design objects.
What Frame means
A frame in Figma is a parent container that can hold and organize other design objects. Frames can define dimensions, clipping, constraints, grids, auto layout and prototype behavior. They are commonly used to represent screens and reusable interface regions.
In a design process, this concept is normally evaluated in relation to user goals, content priority and the context in which the interface is used. It is a working tool rather than decoration added after the structure is finished.
How it is used in web and design work
Good digital design coordinates typography, spacing, hierarchy, interaction states and responsive behavior. Individual visual decisions are most useful when they reinforce a clear information structure and make the next action understandable.
In practical work, Frame should be interpreted according to its technical or design context. The surrounding document structure, software, output medium, browser behavior or publishing workflow determines how the concept is applied. The purpose of the term is to describe a specific part of that process, not to replace the other concepts around it.
Where the term fits
Design and UX terms describe different stages and properties of an interface. Structure can be explored with information architecture and wireframes, behavior with prototypes, visual presentation with hierarchy and typography, and reusable consistency with components and design systems. Usability and accessibility then evaluate whether the resulting interface works for the people and tasks it is intended to support.
A design term should be evaluated against the actual task rather than only against a screenshot. Responsive states, keyboard focus, loading and error states, content length, touch targets and navigation paths can all change the experience. Prototypes and usability checks are useful because they expose relationships and interaction problems that may not be visible in a static mockup.
Why the distinction matters
A common mistake is evaluating an interface only as a static composition. Digital products also need to work with different content lengths, screen sizes, input methods, states and user tasks.
Using precise terminology helps designers, developers, editors and clients describe the same problem without mixing separate layers of a project. That is especially useful when a visual issue may actually come from document structure, when a WordPress issue belongs to a theme or plugin, or when an image problem depends on resolution, color or file type rather than styling.
Related glossary terms
The following entries sit close to Frame in the same workflow or terminology set. The distinction is useful because each term names a separate concept:
Visual Hierarchy: Visual hierarchy is the ordering of visual emphasis that helps viewers understand what to notice and read first.
Auto Layout: Auto layout is Figma’s system for arranging items in a frame according to spacing, padding, flow and sizing rules.
White Space: White space, also called negative space, is the intentionally unoccupied space between and around visual elements.
Component: A component is a reusable interface element or group of elements designed to perform a consistent role.
Sources and further reading
This entry is a concise, independently written definition based on established documentation. The linked references provide standards, product documentation or broader technical context.