YoVDO

Creating Design Systems and Style Guides with Catalog

Offered By: DesignCourse via YouTube

Tags

Design Systems Courses Computer Science Courses React Courses Typography Courses Markdown Courses Style Guides Courses

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

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera