Glossary
Variables (Figma)
Named values stored in Collections and Modes; used to define tokens like colors and referenced in Styles and components.
Components (Figma)
Reusable UI elements with properties; instances inherit from the main component.
Design Tokens
Contain design choices (such as color, typography) used to keep design and code in sync.
Styles (Figma)
Named visual properties that can reference variables.
Collection (Figma)
A group of related variables.
Mode (Figma)
Contexts within a collection (e.g., Light, Dark) for alternate values.
Color Palette
Structured set of color variants (neutral, primary, secondary, semantic).
color-mix()
CSS function to mix colors in a specified color space.
light-dark()
CSS function to choose values for light/dark themes.
var()
CSS function to read CSS custom properties.
Gradients
CSS color transitions (linear, radial, conic).
Dev Mode (Figma)
Developer-focused view to inspect implementation-ready details.
Kolibri
Web UI toolkit build and maintain by Prof. Dierk König, Fabian Affolter Dr. Dieter Holz, François Martin, Marco Sanfratello, Dirk Lemmermann
Last updated