Design Systems with React & Storybook

Design Systems with React & Storybook

Learning Paths:
3 hours, 31 minutes CC

Design systems increase the speed of development across teams, as well as make your applications look and feel consistent. In this course, you'll create a design system from scratch and learn the foundational design concepts that go into one. You'll design your components using Figma, then take those designs and turn them into coded components using React. Finally, you'll animate those components, document them with Storybook, and deploy your Storybook application so you can share it with your team!

This course and others like it are available as part of our Frontend Masters video subscription.

Published: May 12, 2020
Get Unlimited Access Now
Table of Contents

Introduction

Foundations of Design Systems

Foundations of Design

Designing Components with Figma

Developing Styled Components

Animating Components

Documenting Components with Storybook

Wrapping Up