Setting up a multi-brand Design System for small product teams

Recording of the Figma Tokens livestream 'Behind the System' where Vincent shares his thoughts and workflow of setting up a Design System for a relatively small Product Design Team. Using tools and automations that integrate/work with Figma.

🚀 Subscribe to our channel: https://www.youtube.com/@TokensStudio...
💡 Install on Figma: https://www.figma.com/community/plugi...)
💬 Join our Slack: https://tokens.studio/slack
📄 Docs at: https://docs.tokens.studio/
ℹ️ More information on https://www.tokens.studio

🤝 Resources from the video:
Figma Community file: https://www.figma.com/@vincentkoopmans
GitHub repository: https://github.com/vkogmail/figmatokens
Asset tokens: https://docs.figmatokens.com/availabl...
Figma Tokens + Style Dictionary + Tailwind example: https://github.com/six7/figma-tokens-...


Contents
00:00 - Welcome
01:22 - Intro Behind the System
02:29 - Agenda
03:08 - Introduction Vincent Koopmans
04:59 - Project history
11:56 - Sketch setup (Demo)
18:30 - Figma POC
23:56 - Figma setup (Demo)
26:44 - QA: How do you switch the images?
29:20 - QA: At which point did you decide that the Pro version was worth paying for?
30:32 - Continue: Figma setup (Demo)
40:30 - Documentation setup
46:20 - Next steps
48:42 - QA: do you still centrally manage tokens from locale specific UX research team results and how happy are teams with such a workflow?
50:30 - QA: Have you considered the possibility to link teams one to another in each tool directly? So tokens for example can be linked directly to a different setup.
53:36 - QA: What do you think of this combo: Figma + Figma Tokens for design, GitHub + Style Dictionary for development and Figma + Storybook for documentation.
55:36 - QA: Right now you can alias tokens into roles of the same theme, what if you could alias tokens from another theme? Which means you can link themes on to another directly.
57:30 - QA: Can you give an insight on the token structure you set up, which worked for all brands?
59:31 - QA: Are you able to reference/sync the various token themes with native app components library previews in Xcode and Android studio both or another tool?
59:31 - QA: Are you able to reference/sync the various token themes with native app components library previews in Xcode and Android studio both or another tool?
01:01:48 - QA: Have you used Tailwind or any similar styling framework? If so, have you had any experience setting it up with design tokens? They are a little opinionated and I wonder how hard the process is.