A unified playground for Design System documentation and code based prototyping - Behind the System

Recording of the second Figma Tokens livestream on the 28th of September 2022.
Behind the Systems: Creating a unified playground for Design System documentation and code based prototyping
🚀 Subscribe to our channel: www.youtube.com/@TokensStudio...
💡 Install on Figma: www.figma.com/community/plugi...)
💬 Join our Slack: tokens.studio/slack
📄 Docs at: docs.tokens.studio/
ℹ️ More information on www.tokens.studio
🤝 We are looking for collaborators to take this to the next level!
Resources to collaborate:
Figma file: www.figma.com/file/rI9Cu0GkJF...
Repo: github.com/esthercheran/chakr...
Framer: framer.com/projects/new?dupli...
Slack channel: #chakra-in-framer & #plasmic
Contents
00:00 - Welcome
01:34 - Intro Behind the System
03:16 - Introduction Lincoln Mitchell
04:03 - What’s a Design System Lead do?
05:50 - Why Design System?
07:10 - Figma Tokens? 100% Yes, but:
09:47 - Framer Tokens? Not right now, but:
12:19 - Framer Token’s journey
14:07 - Chakra POC
14:44 - Demo 1 Design: Intro to the FigmaTokens, Documentation & Framer
19:12 - QA: Was Design System with tokens done before development? How traumatic was the switch to token based Design System from an engineering perspective?
21:45 - Demo 1 Design: Moving on to Framer
30:30 - Demo 2 Development: Edit Figma Tokens - Style Dictionary - Chakra UI - Framer Properties
39:08 - Demo 3 Documentation: Creating a Card Prototype & Documentating Tokens
47:03 - QA: on the integration with Chakra UI library: Should I stick to Chakra conventions and us Figma Tokens to customize them?
50:40 - QA: When token updates are pushed to the Git repo, how does the published Framer site updates to use the new token package? Does it have to rebuild the published Framer site as well?
52:48 - Opensource: Contribute & collaborate
56:43 - QA: Is there a way to add the tokens as an override inside the smart component?
59:02 - Opensource: Contribute & collaborate
01:02:36 - Ending

[@TokensStudio]

🚀All of our livestreams 'Behind the System' can be found in the dedicated playlist: ua-cam.com/video/7zWrEJVuP24/v-deo.html

[@adrianforster4956]

🙏