An element in the design stack that can be positioned above or below other elements, controlling visual overlap. Layers enable complex compositions with overlapping elements and effects. Manage layer order in Framer's left sidebar or use z-index for precise control.

A collection of reusable components, guidelines, and standards that ensure consistency across a product and team. Design systems speed up development, maintain brand coherence, and enable designers and developers to speak the same language. Framer supports design systems through components, variables, and styles.

Related AI terms: Find Similar Designs and AI Layer Renaming.

See an example Design system skill to learn how a team can give an agent instructions about its styles, components, and layouts.

MCP transport is the communication layer an MCP client uses to talk to an MCP server, such as local stdio or network-based HTTP transport.