logo
2.0.0
  • Blogsoon
  • Figmasoon
  • Componentssoon
  • Design Systemssoon
  • Road map ✨

Figma · Community

Figma files

Browse community files linked to components and design systems—ready to inspect and align your UI with the libraries you already rely on.

avatar

Pencil

Brainly

Pencil Design System crafted to enhance user experiences on Brainly's platform. System offers a diverse array of design principles, guidelines, and reusable components. Design System provides a centralized hub for design assets and documentation, fostering collaboration and consistency across projects. Pencil serves as the foundation of Brainly's mission to empower learners worldwide, fostering a community-driven approach to education and knowledge sharing.

1 Specs Included

10

Components

avatar

Design System

Atlassian

The Atlassian Design System is a comprehensive set of design guidelines and principles for Atlassian products such as Jira, Confluence, and Trello. Its main goal is to ensure a seamless and coherent user experience across different products and platforms. Atlassian improves usability and productivity by standardizing design elements, patterns, and interactions in their software ecosystem.

8 Specs Included

35

Components

avatar

HIG

Apple

Apple Human Interface Guidelines is a set of design principles, guidelines, and recommendations provided by Apple to help developers create consistent and user-friendly software apps and user interfaces for Apple's various platforms, including iOS, macOS, watchOS, tvOS, and visionOs. Apple's design team has developed unique guides and documentation that helps designers and developers make apps that match Apple's design and give users a smooth and easy experience. Guidelines include all the necessary information about platforms, foundations, patterns, components, inputs, and technologies.

2 Specs Included

19

Components

avatar

Cloudscape

Amazon

Cloudscape is a Design System by Amazon Web Services for web applications. It offers design guidelines, front-end components, and development tools. Cloudscape improves user experiences and accelerates application development. Design System includes an interactive playground with sample code and provides detailed documentation for accessibility for consistent work across teams.

7 Specs Included

30

Components

avatar

Spectrum

Adobe

Spectrum is a design system developed by Adobe that provides components and tools to enhance the productivity of product teams and create a cohesive experience across Adobe applications. The development of Spectrum is guided by foundational principles. Spectrum offers open-source implementations such as Spectrum CSS, React Spectrum, and Spectrum Web Components, along with detailed usage guidelines.

10 Specs Included

32

Components

avatar

Material Design

Google

Google Design System is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material Design streamlines collaboration between designers and developers, and helps teams quickly build beautiful products. Material Design is a Design System built and supported by Google designers and developers. Material.io includes in-depth UX guidance and UI component implementations for Android, Flutter, and the Web.

7 Specs Included

23

Components

avatar

Primer

GitHub

Primer is a design system developed by GitHub for designing interfaces. It provides a collection of open source principles, standards, and recommendations. Primer's guidelines offer a common grammar and vocabulary to build projects.

4 Specs Included

29

Components

avatar

Audi Design System

Audi

Audi Design System is a comprehensive framework that encompasses a wide range of user interfaces, including responsive websites and specialized service applications. System provides a variety of solutions while maintaining a consistent user experience across all platforms, from mobile apps to Audi vehicles.

2 Specs Included

22

Components