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

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity