Creating Design Systems and Style Guides with Catalog
Offered By: DesignCourse via YouTube
Course Description
Overview
Learn how to create design systems and style guides using Catalog, a free React-based tool that utilizes Markdown for quick and easy documentation setup. Explore the installation process, understand the documentation, and discover how to implement various features such as color palettes, typography, components, and specimens. Follow along to establish a comprehensive design system that will benefit large projects and improve team collaboration. Gain insights into Catalog's functionality, including Markdown cheat sheets, typography examples, and CSS integration, to streamline your design documentation process.
Syllabus
Intro
Installing Catalog
Colors Page
Markdown Cheat Sheet
Typography Cheat Sheet
Markdown Props
Typography
Components
Specimens
Card Example
Importing CSS
Collapse CSS
Taught by
DesignCourse
Related Courses
UX Foundations: Style Guides and Design SystemsLinkedIn Learning Zeplin for UX Design
LinkedIn Learning Workflow of Modern Web Design from Wireframes to Style Guide
Udemy Create Mockups for a Website Homepage in Adobe XD
Coursera Project Network via Coursera Collaborating with Developers Course (How To)
Treehouse