cirrus,
@cirrus@mstdn.social avatar

I know it's been done a million times (incl. a few by my past self), but it still feels like magic when demoing a #DesignToken pipeline.

In our case, the demo was:

  • Static HTML, React & Angular web apps are all open in browser windows, displaying some of p
    our #DesignSystem components
  • An Android emulator running a React Native app, also using DS components, is open too.
  • I open a Figma library, edit the color of a variable
    ...
cirrus,
@cirrus@mstdn.social avatar

...

  • I use the Tokens Brücke Figma plugin to save out the variables as a DTCG file in our #DesignSystem's git repo
  • I run an npm command to rebuild our themes from the updated DTCG file
  • Seconds later all browser windows and the Android app auto-refresh and the color of the buttons has changed 🤘
  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • DreamBathrooms
  • ngwrru68w68
  • modclub
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • mdbf
  • GTA5RPClips
  • JUstTest
  • tacticalgear
  • normalnudes
  • tester
  • osvaldo12
  • everett
  • cubers
  • ethstaker
  • anitta
  • provamag3
  • Leos
  • cisconetworking
  • megavids
  • lostlight
  • All magazines