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

Practical UX Weekly: Season Two
LinkedIn Learning
User Experience (UX) for Non-Designers
LinkedIn Learning
UX Foundations: Style Guides and Design Systems
LinkedIn Learning
UXPin for UX Design
LinkedIn Learning
Advance Your UI/UX Skills with Sketch Symbols and Dynamic Styleguides
Skillshare