Get an overview of how to get started and what should be included in a UI pattern or component library.
- [Instructor] After you've collected…your inventory and categorized them,…the next step is to resolve any inconsistencies…and create or update the designs.…Then you're ready to start building the library.…Though the library is a collection…of the most current designs,…that doesn't mean it has to be built…after all the designs were approved.…It's an ongoing process.…Build out the patterns that are approved…and add onto it as more patterns…are added, updated, or changed.…When putting together the documentation,…you can begin by including…your design principles or values…to set the tone and purpose.…
Here's an example from a Buffer's style guide.…In the introduction, they've included…some information about why they built the guide…and the methodology used.…And this gives you a little insight…into their thought process.…So, what else should you document?…Basically, all the information…you collected during the inventory phase…should have determined what components…and categories would be included in your library.…So, that would include color palettes,…
- 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.