• Get started
    • Figma design
      • FigJam
        • Community
          • Administration
            • Support resources
              Sign up
              Sign up
              1. Figma Help Center
              2. Figma design
              3. Design systems

              Design systems

              Styles

              • Styles in Figma
              • Create color, text, effect and layout grid styles
              • Apply styles to layers and objects
              • Manage and share styles

              Components

              • Guide to components in Figma
              • Create components to reuse in designs
              • Name and organize components
              • Edit main components
              • Create and insert component instances
              • See all 14 articles

              Libraries

              • Guide to libraries in Figma
              • Add style and component descriptions
              • Publish styles and components
              • Review and accept library updates
              • Swap style and component libraries
              • See all 13 articles

              Course: Introduction to design systems

              • Overview: Introduction to design systems
              • Lesson 1: Welcome to design systems
              • Lesson 2: Define your design system
              • Lesson 3: Build your design system
              • Lesson 4: Document and manage your system
              • Twitter
              • YouTube
              • Instagram
              • Facebook
              Use cases
              • UI design
              • UX design
              • Prototyping
              • Graphic design
              • Wireframing
              • Brainstorming
              • Templates
              • Remote design
              Explore
              • Design features
              • Prototyping features
              • Design systems features
              • Collaboration features
              • FigJam
              • Pricing
              • Enterprise
              • Students and educators
              • Customers
              • Security
              • Integrations
              • Contact
              Resources
              • Blog
              • Best practices
              • Support
              • Developers
              • Learn design
              • Downloads
              • What's new
              • Releases
              • Careers
              • About us
              • Agency partners
              • Privacy
              • Status
              Compare
              • Sketch
              • Adobe XD
              • Invision Studio
              • Framer
              • Design on Windows