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

Reproducible Research
Johns Hopkins University via Coursera
Writing READMEs
Udacity
مجموعة أدوات عالم البيانات
Johns Hopkins University via Coursera
Data Science Tools
IBM via edX
Recherche reproductible : principes méthodologiques pour une science transparente
Inria (French Institute for Research in Computer Science and Automation) via France Université Numerique