Give it a try. Nothing's holding you back.

Download our example design system and kickstart your own

4 min read

Let’s be honest—all of the discussion around design systems can feel a little like getting pelted with buzzwords. Sure, you can read about the theory and tenets of a good system, (and you should), but sometimes it’s easier just to get into one and poke around.

Below, InVision Senior Design Specialist Emily Campbell takes 12 minutes and explains how the library was put together, what you can learn, and calls out some tiny details you may not notice at first:

In this video:

0:15 – How to compose a design system: components and folder structure1:20 – The importance of a “getting started” section3:14 – How to add detailed documentation in DSM4:21 – The colors page, a foundational element of your design system6:10 – Text styles and iconography7:20 – The “why” behind the structure of our sample library8:45 – Atomic vs categorical structures in design systems, and how to set up what works for you10:30 – How we use cards and media blocks in our sample design system