Learn about the difference between a framework, pattern library, component library, and other common terminology used with design systems.
- [Instructor] A design system includes…the core visual components, style guides,…and the complete set of standards, documentation,…and principles that make up your whole product.…The process of creating a design system may be similar,…but each are one-of-a-kind…since they include all the pieces that make up your system.…Design systems are made up of many parts.…You may see some of these terms used…in different ways by different people.…While there isn't an exact standard definition…within the web community,…there are some similar overarching ideas.…
Both libraries and frameworks are collections…of common patterns and reusable chunks of design elements…used to create different layouts.…These two terms are similar…and are sometimes used interchangeably.…As such, the definition is widely debated.…Let's take a closer look, starting with libraries.…Pattern libraries catalog design solutions…for common behaviors and user interface design problems.…ui-patterns.com is a good reference…for comparing how different web apps…
- The pros and cons of design systems
- Open-source frameworks
- Planning a design system
- UI patterns and component libraries
- Style guides
- Building the CSS architecture
- Formatting rules
- Using standardized classes, naming conventions, and templates
Skill Level Beginner
Responsive CSS Workflow with Sass, Bourbon, and Susywith Carrie Dils2h 59m Intermediate
1. Getting Started
2. Creating a Design System
3. Building the CSS Architecture
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.