Optional — Learn from Figma — Use a design system library

It’s time to learn about creating your own design system from scratch. This might sound like an overwhelming task, but fear not because the experts from Figma are here to help!

This five-part video series will help you understand how to set up a design system in Figma:

• Video 1 — Foundations (55 minutes) which will help you kick off designing a design system from scratch, including typography and colors.
• Video 2 — Components (55 minutes) where you’ll add to your design system by building foundational components and organize them using pages, frames, names, and descriptions.
• Video 3 — Components continued (55 minutes) which will introduce more complex components like cards, media objects, dialogues, navigations, and forms, to include in your design system.
• Video 4 — Testing (57 minutes) where you’ll check if your component library is robust enough in real-world scenarios.
• Video 5 — Documentation (61 minutes) which shares best practices for documenting your design system using Figma and other tools.

These videos are long, but the things you learn will be well worth the time investment!

Sources: Google UX Design Professional Certificate

Coursera | Create High-Fidelity Designs and Prototypes in Figma