Foundationslive · 3 months Sprintlive · 5 consecutive days Corerecorded · self-paced

Services About Field Notes Library

CS

◇Team Library

Everything I actually use for design systems.

assets · loading

The Productive Schedule

A Studio and School for Design Systems.

LinkedIn Facebook

LearnFoundations Sprint Core Apply

StudioServices About Field Notes Library

© 2026 The Productive Schedule. A Studio and School for Design Systems.under the sky, one day at a time

◇Team Library· 18 published

Everything I actually use for design systems.

Templates, plugins, articles, repos, and tools. Each one has earned its place, with one line on why.

All · 18 Templates · 2 Plugins · 4 Articles · 7 Repos · 3 Tools · 2

assets · 18 of 18 shown

◇ Templates · 2start here ↗shelf 01 / 05

★◇ TemplateAtlassian Design Systematlassian.designMy favorite design system. Their figma library is the best place to learn scalable components building technique.componentsopen ↗◇ TemplateMaterial 3m3.material.ioGoogle's system. Study the token architecture even if you never use the look.tokenscomponentsopen ↗

◇ Plugins · 4shelf 02 / 05

★◇ PluginPropstarfigma.comGenerate the component hand-off table at the tip of your hand. You don't have to spend time working your ass-off for each property variants annotations.used in cohortpropertiesannotationopen ↗★◇ PluginVariable Visualizerfigma.comProblem having visualizing the variables? This one is a gold from Mr.Biscuit. Can export tokens.json also and resolver file.used in cohorttokensfigmaopen ↗◇ PluginLocal Printfigma.comVariable and styles documentation generator inside FIgma.tokensfigmaopen ↗

◇ Articles · 7shelf 03 / 05

★◇ ArticleFigma Variableshelp.figma.comFigma Variables is the most efficient design tokens manager as it is Figma Native.tokensopen ↗★◇ ArticleTokens in Design Systems — Nathan Curtismedium.comThe article I hand people who ask where token thinking comes from.tokensnamingopen ↗★◇ ArticleAstro Starlightstarlight.astro.buildBest documentation building site in the free tier. Very cost effective unlike supernova and zeroheight.used in cohortdocumentationopen ↗

◇ Repos · 3shelf 04 / 05

★◇ RepoStyle Dictionarygithub.comThe translation layer that turns token JSON into css, swift, and flutter.used in cohorttokensworkflowopen ↗◇ Repoawesome-design-systemsgithub.comThe big list of public systems. Good for studying how others structure.componentsopen ↗◇ RepoW3C Design Tokens Community Groupgithub.comWhere the token format standard is being argued into existence.tokensopen ↗

◇ Tools · 2shelf 05 / 05

◇ ToolStorybookstorybook.js.orgWhere coded components live and get reviewed outside the app.componentsworkflowopen ↗◇ Toolzeroheightzeroheight.comDocumentation that stays pointed at the design file instead of drifting.documentationopen ↗

◇ PluginTokens Studiotokens.studioThe token bridge between Figma and code while native variables catch up.tokensfigmaopen ↗

◇ Article

Design Tokens: beyond colors — Bumble Tech

medium.com

Shows tokens reaching past color and spacing into real product decisions.

tokensopen ↗

◇ ArticleDesign tokens for dummiesuxdesign.ccThe gentlest on-ramp I know for someone new to tokens.tokensopen ↗

◇ Articledesignsystems.comdesignsystems.comFigma's design systems publication. Uneven, sometimes excellent.componentsworkflowopen ↗

◇ ArticleAtomic Design — Brad Frostatomicdesign.bradfrost.comThe vocabulary half the industry uses without knowing where it came from.componentsopen ↗