Learn about the benefits and challenges of setting up a design system.
- [Instructor] It's one thing to say…that you want to create a design system,…and it's another to actually do it.…To get the full advantages of a design system,…organizations must be prepared to make it happen.…Let's talk about some of the benefits first.…Design systems promote consistency by planning ahead…and working towards one unified set of guidelines…for your entire project.…Consistency will improve user experience,…and also help with design and development workflows,…and team efficiency.…Design systems also reduce repetitive work.…Creating a library of common patterns,…writing modular code, and creating a framework means…that elements can be reused,…instead of recreated each time they're used.…
For the developers on your team…that don't specialize in front-end,…they can also benefit from having a customized…front-end took kit, rather than relying on generic UI kits.…Having documentation makes it easier…and faster to onboard new team members,…and also provides a centralized reference…for the whole team.…Team communication is improved,…
- 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.