Define your design system's documentation - Lesson 2 part 3 : Introduction to design systems

5m Link to video
Tags Figma Tools Documentation
Speakers Figma
Edit on GitHub

Figma is free to use. Sign up here: https://bit.ly/3msp0OV

Habitz design system Community file: https://bit.ly/3BVcql4

Video course: https://bit.ly/3WwqzyI

Written course: https://bit.ly/3Oz6nKH

Documentation is the how. It communicates the purpose of all these aspects of your design system and how best to apply them.

Documentation can look like:

  • On-canvas annotations for components in design files
  • Style and component descriptions in Figma
  • Naming-structures in a library or codebase
  • Written articles and guides
  • or dedicated websites and tools

00:00- Introduction 00:36 - What documentations looks like 01:28 - Documentation tips 02:50 - Naming conventions 02:59 - Semantic naming 03:24 - Component naming 04:55 - Naming example 05:25 - Wrap up

Find us on ⬇️ Twitter: https://twitter.com/figma Instagram: https://www.instagram.com/figma LinkedIn: https://www.linkedin.com/company/figma Figma forum: https://forum.figma.com/

#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems