Lightning Talks – Ilya Gorskiy
summary
A recruitment CRM migrated from hardcoded styles to a full design system using Storybook for component collection and a Figma Tokens plugin to export colors and icons. Initial automated token generation produced flaky components, so they switched to deliberate constants and build-time checks; the final system enables theme switching with CSS custom properties across 130 screens using roughly 146 tokens and provides predictable, type-checked updates.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:03Antiques design system
- 2:09Redesign reasons
- 3:14Storybook for sync
- 4:15Icon generation issues
- 5:19API vs plugins
- 6:45Token naming errors
- 7:50Contextual naming problems
- 8:55Adopting token structure
- 10:00First token version
- 11:03Manual flashing
- 12:07Live theming demo
- 13:31Results and truth
- 14:14Design system tips
- 15:17Q&A
related talks
06mLightning talk from Lucas Reis
19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend framework
14mTech Snacks
18m⚡Lightning Talk: SvelteKit and Storyblok - a Powerful Duo
41mLightning Talks
57mJavaScript Framework Cage Match
23mLightning Talks Future JS
38mThis Is Not a Talk on LitElement, It's a Course