Build design systems

Styles

• Styles in Figma
• Create color, text, effect, and layout grid styles
• Manage and share styles

Components

• Guide to components in Figma
• Create components to reuse in designs
• Create and use variants
• Create interactive components with variants
• Explore component properties
• See all 7 articles

Variables

• The difference between variables and styles
• Guide to variables in Figma
• Overview of variables, collections, and modes
• Create and manage variables
• Modes for variables
• See all 6 articles

Create and share libraries

• Guide to libraries in Figma
• Add descriptions to styles, components, and variables
• Publish a library
• Move published components
• Edit main components
• See all 7 articles

Use libraries

• Get started with Apple's UI kit
• Start designing with UI kits
• Apply styles to layers and objects
• Review and accept library updates
• Swap style and component libraries
• See all 9 articles

Manage your libraries

• Enable or disable a library in a design file
• Enable access to libraries in your drafts
• Enable a library for a team
• Swap components and instances
• Remove your access to a library