Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Subatomic: The Complete Guide To Design Tokens, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:01:58
    Welcome!
  • Урок 2. 00:02:34
    About your teachers
  • Урок 3. 00:01:18
    Who This Course Is For
  • Урок 4. 00:03:03
    Course Structure
  • Урок 5. 00:01:07
    What's Included
  • Урок 6. 00:00:45
    Chapter 1 Introduction
  • Урок 7. 00:01:23
    The Problems Design Tokens Solve
  • Урок 8. 00:10:54
    The Multi-All-The-Things Organization
  • Урок 9. 00:10:32
    The Business Case For Design Tokens
  • Урок 10. 00:05:55
    The New Separation of Concerns
  • Урок 11. 00:03:54
    The ROI of Design Tokens
  • Урок 12. 00:04:38
    The History of Themeable User Interfaces
  • Урок 13. 00:02:03
    Design Tokens Origin Story
  • Урок 14. 00:04:09
    What Are Design Tokens?
  • Урок 15. 00:01:07
    Tokens in Design Tools
  • Урок 16. 00:03:21
    Tokens in Code
  • Урок 17. 00:06:10
    The Role of Design Tokens in a Design System Ecosystem
  • Урок 18. 00:01:34
    Chapter 1 Summary
  • Урок 19. 00:00:52
    Chapter 2 Introduction
  • Урок 20. 00:02:22
    Brand Style Guide Vs Product Reality
  • Урок 21. 00:08:16
    Creating an MVP Token System
  • Урок 22. 00:11:36
    The Three-Tiered Token Architecture
  • Урок 23. 00:05:44
    Themes
  • Урок 24. 00:02:28
    Color Systems - Introduction
  • Урок 25. 00:02:52
    Color Systems - Brand Considerations
  • Урок 26. 00:01:15
    Color Systems - Visual Considerations
  • Урок 27. 00:02:27
    Color Systems - UX Considerations
  • Урок 28. 00:02:28
    Color Systems - Accessibility Considerations
  • Урок 29. 00:07:53
    Color Systems - Three-Tiered color tokens
  • Урок 30. 00:00:43
    Typography Systems- Introduction
  • Урок 31. 00:00:39
    Typography Systems- Brand Considerations
  • Урок 32. 00:01:13
    Typography Systems- Visual Considerations
  • Урок 33. 00:01:06
    Typography Systems- UX Considerations
  • Урок 34. 00:01:13
    Typography Systems- Accessibility Considerations
  • Урок 35. 00:00:56
    Composite Tokens Definition
  • Урок 36. 00:01:45
    Typography Systems- Tier 1 Tokens
  • Урок 37. 00:02:16
    Typography Systems- Tier 2 Tokens
  • Урок 38. 00:01:39
    Typography Systems- Tier 3 Tokens
  • Урок 39. 00:00:18
    Spacing - Use an 8pt or 4pt grid
  • Урок 40. 00:02:11
    Spacing - Three-tiered Tokens
  • Урок 41. 00:00:22
    Spacing - Summary
  • Урок 42. 00:01:52
    Border Tokens
  • Урок 43. 00:01:23
    Shadow Tokens
  • Урок 44. 00:02:32
    Animation Tokens
  • Урок 45. 00:02:30
    Chapter 2 Summary
  • Урок 46. 00:01:28
    Chapter 3 Introduction
  • Урок 47. 00:02:00
    Why Naming Matters - Humanity's Superpower
  • Урок 48. 00:01:08
    Why Naming Matters - Shared Understanding
  • Урок 49. 00:01:00
    Why Naming Matters - Collaboration
  • Урок 50. 00:01:03
    Why Naming Matters - Contract
  • Урок 51. 00:02:24
    Why Naming Matters - Infrastructure
  • Урок 52. 00:01:51
    Why Naming Matters - Traceability & Measurement
  • Урок 53. 00:00:54
    Why Naming Matters - User Experience
  • Урок 54. 00:01:05
    Why Naming Matters - Maintainability
  • Урок 55. 00:00:41
    Why Naming Matters - Synchronization & Automation
  • Урок 56. 00:01:54
    Why Naming Matters - Summary
  • Урок 57. 00:00:35
    Why Naming Is Hard - Two Hard Things In Computer Science
  • Урок 58. 00:01:01
    Why Naming Is Hard - Invented Language
  • Урок 59. 00:02:50
    Why Naming Is Hard - Subjectivity
  • Урок 60. 00:00:35
    Why Naming Is Hard - What Actually Matters? It Depends!
  • Урок 61. 00:01:13
    Why Naming Is Hard - Rigor & Organization
  • Урок 62. 00:00:52
    Why Naming Is Hard - Consistency
  • Урок 63. 00:00:57
    Why Naming Is Hard - Designer/Developer Divide
  • Урок 64. 00:02:17
    Why Naming Is Hard - Environments & Contexts Differ
  • Урок 65. 00:02:29
    Why Naming Is Hard - Summary
  • Урок 66. 00:02:49
    Naming Principles - Introduction
  • Урок 67. 00:00:37
    Naming Principles - Clarity Over Cleverness
  • Урок 68. 00:01:04
    Naming Principles - Legibility Over Succinctness
  • Урок 69. 00:00:38
    Naming Principles - Consistency Is Key
  • Урок 70. 00:00:31
    Naming Principles - Use Existing Conventions
  • Урок 71. 00:00:37
    Naming Principles - Communicate Hierarchy
  • Урок 72. 00:00:49
    Naming Principles - Pragmatism Over Pedantry
  • Урок 73. 00:00:37
    Naming Principles - Environment Agnostic
  • Урок 74. 00:00:54
    Naming Principles - Summary
  • Урок 75. 00:01:15
    The Importance of Cross-disciplinary Collaboration
  • Урок 76. 00:01:55
    Cross-disciplinary Roles for Naming
  • Урок 77. 00:00:35
    Naming Parity - Critical but Impossible!
  • Урок 78. 00:00:50
    Naming Parity Differences - Global Namespace
  • Урок 79. 00:01:37
    Naming Parity Differences - Viewport
  • Урок 80. 00:00:38
    Naming Parity Differences - Animation
  • Урок 81. 00:00:45
    Naming Parity Differences - z-index
  • Урок 82. 00:01:18
    Naming Parity Differences - Named and Unnamed Defaults
  • Урок 83. 00:01:50
    Naming Systems and Preferences
  • Урок 84. 00:01:17
    Synonyms
  • Урок 85. 00:03:24
    The Naming Algorithm
  • Урок 86. 00:00:24
    Naming Algorithm Figjam Intro
  • Урок 87. 00:05:13
    Naming Algorithm Figjam Tour
  • Урок 88. 00:03:13
    Naming Algorithm Process
  • Урок 89. 00:00:40
    Naming Tokens By Category
  • Урок 90. 00:01:37
    Global Prefix
  • Урок 91. 00:00:53
    Tier Identifier
  • Урок 92. 00:00:18
    Token Category
  • Урок 93. 00:03:04
    Color Token Names - Tier 1
  • Урок 94. 00:03:33
    Color Token Names - Tier 2
  • Урок 95. 00:01:15
    Color Token Names - Tier 3
  • Урок 96. 00:01:15
    Color Token Names - Summary
  • Урок 97. 00:03:41
    Typography Token Names - Tier 1
  • Урок 98. 00:03:21
    Typography Token Names - Tier 2
  • Урок 99. 00:00:48
    Typography Token Names - Tier 3
  • Урок 100. 00:00:29
    Typography Token Names - Summary
  • Урок 101. 00:01:42
    Spacing Token Names
  • Урок 102. 00:00:50
    Border Token Names
  • Урок 103. 00:01:00
    Shadow Token Names
  • Урок 104. 00:01:05
    Animation Token Names
  • Урок 105. 00:00:21
    Breakpoint Token Names
  • Урок 106. 00:00:25
    z-index Token Names
  • Урок 107. 00:02:12
    Chapter 3 Summary
  • Урок 108. 00:01:23
    Chapter 4 Introduction
  • Урок 109. 00:00:59
    Introducing...Frost'd Tokens!
  • Урок 110. 00:06:28
    Demo Tour in Figma and Code
  • Урок 111. 00:02:07
    Token Build Process Overview; Cross-disciplinary Approach
  • Урок 112. 00:01:31
    1. Choosing Tools for Figma
  • Урок 113. 00:01:14
    1. Choosing Tools for Code
  • Урок 114. 00:01:10
    2. Environment Setup for Figma
  • Урок 115. 00:05:12
    2. Environment Setup for Code - Prerequisites & Config
  • Урок 116. 00:01:37
    3. MVP Tier 1 Tokens in Figma
  • Урок 117. 00:00:45
    3. MVP Tier 1 Tokens in Code
  • Урок 118. 00:00:30
    3. MVP Tier 2 Token in Figma
  • Урок 119. 00:00:45
    3. MVP Tier 2 Token in Code
  • Урок 120. 00:00:54
    3. MVP Tier 3 Token in Figma
  • Урок 121. 00:00:45
    3. MVP Tier 3 Token in Code
  • Урок 122. 00:00:45
    3. Add Global Prefix to Code Config
  • Урок 123. 00:01:59
    3. Add Theme Prefix to Code Config
  • Урок 124. 00:00:40
    3. Expanding MVP Tier 1 Color Tokens in Figma
  • Урок 125. 00:00:13
    3. Expanding MVP Tier 1 Color Tokens in Code
  • Урок 126. 00:00:51
    3. Expanding MVP Tier 2 Color Tokens in Figma
  • Урок 127. 00:00:20
    3. Expanding MVP Tier 2 Color Tokens in Code
  • Урок 128. 00:00:33
    3. Expanding MVP Tier 3 Color Tokens in Figma
  • Урок 129. 00:00:38
    3. Expanding MVP Tier 3 Color Tokens in Code
  • Урок 130. 00:01:32
    3. Wiring Up MVP Tokens in Figma
  • Урок 131. 00:01:36
    3. Wiring Up MVP Tokens in Code
  • Урок 132. 00:05:00
    3. Scoping Figma Variables
  • Урок 133. 00:00:30
    4. Building a Full Theme Intro
  • Урок 134. 00:01:15
    4. Theme Tier 1 Colors in Figma
  • Урок 135. 00:00:46
    4. Theme Tier 1 Colors in Code
  • Урок 136. 00:01:36
    4. Theme Tier 2 Colors in Figma
  • Урок 137. 00:00:32
    4. Theme Tier 2 Colors in Code
  • Урок 138. 00:01:09
    4. Theme Tier 3 Colors in Figma
  • Урок 139. 00:01:21
    4. Theme Tier 3 Colors in Code
  • Урок 140. 00:00:50
    4. Tier 1 Typography in Figma
  • Урок 141. 00:00:19
    4. Tier 1 Typography in Code
  • Урок 142. 00:06:19
    4. Understanding Relative Units and Differences between Figma & Code
  • Урок 143. 00:02:05
    4. Understanding Unitless Line Height and Differences between Figma & Code
  • Урок 144. 00:01:32
    4. Tier 2 Typography in Figma
  • Урок 145. 00:00:34
    4. Tier 2 Typography in Code
  • Урок 146. 00:02:45
    4. Responsive Typography - Core Concepts
  • Урок 147. 00:01:49
    4. Responsive Typography - Composite Tokens
  • Урок 148. 00:02:21
    4. Understanding the Difference Between Viewports & Breakpoints
  • Урок 149. 00:01:10
    4. Figma Modes and Viewport
  • Урок 150. 00:06:00
    4. Applying Responsive Typography in Figma
  • Урок 151. 00:02:05
    4. Responsive Typography in Code - Sass Mixins
  • Урок 152. 00:04:04
    Responsive Typography in Code - applying mixins
  • Урок 153. 00:01:05
    4. Typography Celebration!
  • Урок 154. 00:00:39
    4. Tier 1 Spacing in Figma
  • Урок 155. 00:01:28
    4. Spacing Tier 2 in Code & Sass Size Function
  • Урок 156. 00:00:43
    4. Tier 2 Spacing in Figma
  • Урок 157. 00:00:37
    4. Border Tier 1 in Figma
  • Урок 158. 00:00:34
    4. Border Tier 1 in Code
  • Урок 159. 00:01:28
    4. Border Tier 2 in Figma
  • Урок 160. 00:01:01
    4. Border Tier 2 in Code
  • Урок 161. 00:00:42
    4. Shadow Tier 1 in Figma
  • Урок 162. 00:00:21
    4. Shadow Tier 1 in Code
  • Урок 163. 00:01:03
    4. Shadow Tier 2 in Figma
  • Урок 164. 00:01:56
    4. Shadow Tier 2 in Code
  • Урок 165. 00:01:15
    4. Animation Tier 1 in Code
  • Урок 166. 00:00:37
    4. Animation Tier 2 in Code
  • Урок 167. 00:00:44
    4. Applying Animation Tokens in CSS
  • Урок 168. 00:01:27
    4. z-index
  • Урок 169. 00:03:09
    4. We Have A Theme! A Tour of Our Theme's Documentation
  • Урок 170. 00:01:22
    4. Our Theme Applied to Frost'd Tokens Products
  • Урок 171. 00:01:06
    5. Let's Add A Chocolate Theme!
  • Урок 172. 00:01:05
    5. Introducing the Vanilla Theme Concept
  • Урок 173. 00:03:02
    5. Add An Additional Theme in Figma
  • Урок 174. 00:03:04
    5. Core Tokens Introduction
  • Урок 175. 00:01:46
    5. Core Tokens in Figma
  • Урок 176. 00:01:46
    5. Add An Additional Theme in Code
  • Урок 177. 00:01:08
    5. Core Tokens in Code
  • Урок 178. 00:02:15
    5. The Magic Trick of Theme Switching in Figma
  • Урок 179. 00:00:31
    5. Theme Switching in Code
  • Урок 180. 00:02:46
    5. Revisiting The Vanilla Theme
  • Урок 181. 00:01:46
    5. Rounding Out Our Token System
  • Урок 182. 00:04:56
    Synchronization & Automation - Introduction
  • Урок 183. 00:03:54
    Token Czars
  • Урок 184. 00:02:22
    Synchronization & Automation - Fully Manual
  • Урок 185. 00:02:58
    Synchronization & Automation - Design Tokens Manager
  • Урок 186. 00:06:08
    Synchronization & Automation - Tokens Studio
  • Урок 187. 00:03:12
    Synchronization & Automation - Other Tools
  • Урок 188. 00:01:44
    Synchronization & Automation - Full Automation
  • Урок 189. 00:01:22
    Chapter 4 Summary
  • Урок 190. 00:03:35
    Chapter 4 Homework and Next Steps
  • Урок 191. 00:01:03
    Chapter 5 Introduction
  • Урок 192. 00:03:39
    Design Token Systems Are Products
  • Урок 193. 00:02:48
    Difference Between Products and Libraries
  • Урок 194. 00:02:12
    The Arc of Publishing A Token Library
  • Урок 195. 00:01:40
    Design Token System Makers & Users
  • Урок 196. 00:03:11
    User-Centered Design for Token Systems
  • Урок 197. 00:06:18
    Should You Publish Tier 1 Tokens?
  • Урок 198. 00:02:29
    Pre-Publishing Checklist: Proper Mapping
  • Урок 199. 00:00:43
    Pre-Publishing Checklist: Design & Code Alignment
  • Урок 200. 00:00:31
    Pre-Publishing Checklist: Scope Variables
  • Урок 201. 00:01:50
    Pre-Publishing Checklist: Hide From Publishing
  • Урок 202. 00:02:03
    Pre-Publishing Checklist: Check Accessibility
  • Урок 203. 00:00:27
    Pre-Publishing Checklist: Test Build
  • Урок 204. 00:00:32
    Pre-Publishing Checklist: Check Documentation
  • Урок 205. 00:03:33
    Publishing a Tokens Library in Figma
  • Урок 206. 00:01:27
    Quick Intro to Consuming a Tokens Library in Figma
  • Урок 207. 00:01:52
    Publishing a Tokens Library in Code - Intro
  • Урок 208. 00:02:16
    Publishing a Tokens Library in Code - Build Process
  • Урок 209. 00:01:09
    Quick Intro to Consuming a Tokens Library in Code
  • Урок 210. 00:03:27
    Chapter 5 Summary
  • Урок 211. 00:02:35
    Chapter 6 Introduction
  • Урок 212. 00:01:43
    Understanding Design Token Adoption
  • Урок 213. 00:03:51
    Spectrum of Token Integration - Reference
  • Урок 214. 00:00:54
    Spectrum of Token Integration - Importing Token Library
  • Урок 215. 00:03:08
    Spectrum of Token Integration - Importing Component Library
  • Урок 216. 00:01:03
    Design Token Users - You!
  • Урок 217. 00:01:00
    Design Token Users - Other Product Teams
  • Урок 218. 00:01:21
    Design Token Users - Devs Using Multiple Tech Stacks
  • Урок 219. 00:01:36
    Design Token Users - Auxiliary Users
  • Урок 220. 00:00:48
    Design Token Users - Stakeholders
  • Урок 221. 00:01:16
    Users Don't Care About Design Tokens
  • Урок 222. 00:03:12
    Adopting Tokens At Every Layer of the Design System Ecosystem
  • Урок 223. 00:01:41
    Subscribing to the Token Figma Team Library
  • Урок 224. 00:03:15
    Importing the Tokens Code Package
  • Урок 225. 00:02:51
    Wiring Up Tokens To Existing Figma Components
  • Урок 226. 00:02:51
    Wiring Up Tokens To Existing Code Components
  • Урок 227. 00:02:29
    Best Practices for Adopting Design Tokens in Existing Components
  • Урок 228. 00:01:34
    The Importance of Showing the Magic Trick
  • Урок 229. 00:04:00
    Wiring Up Tokens To New Figma Components
  • Урок 230. 00:03:02
    Wiring Up Tokens To New Code Components
  • Урок 231. 00:00:35
    Showing The Magic Trick for New Components
  • Урок 232. 00:01:48
    Best Practices for Adopting Design Tokens in New Components
  • Урок 233. 00:01:10
    Applying Your Token Nomenclature
  • Урок 234. 00:01:11
    Adopting Default Color Tokens In Figma
  • Урок 235. 00:00:43
    Adopting Default Color Tokens In Code
  • Урок 236. 00:00:37
    Adopting Brand Color Tokens In Figma
  • Урок 237. 00:00:53
    Adopting Brand Color Tokens In Code
  • Урок 238. 00:01:30
    Accent Color Tokens
  • Урок 239. 00:00:47
    Adopting Disabled Color Tokens In Figma
  • Урок 240. 00:00:54
    Adopting Disabled Color Tokens In Code
  • Урок 241. 00:01:15
    Adopting Utility Color Tokens In Figma
  • Урок 242. 00:01:36
    Adopting Utility Color Tokens In Code
  • Урок 243. 00:00:31
    Color Token Variants
  • Урок 244. 00:01:23
    Adopting Knockout Variant Color Tokens In Figma
  • Урок 245. 00:00:31
    Adopting Knockout Variant Color Tokens In Code
  • Урок 246. 00:01:36
    Subtle and Strong Color Token Variants
  • Урок 247. 00:01:19
    Adopting Tier 3 Color Tokens In Figma
  • Урок 248. 00:02:22
    Adopting Tier 3 Color Tokens In Code
  • Урок 249. 00:01:32
    Adopting Display Typography Tokens In Figma
  • Урок 250. 00:00:31
    Adopting Display Typography Tokens In Code
  • Урок 251. 00:00:55
    Adopting Headline Typography Tokens In Figma
  • Урок 252. 00:00:21
    Adopting Headline Typography Tokens In Code
  • Урок 253. 00:00:39
    Adopting Title Typography Tokens In Figma
  • Урок 254. 00:00:32
    Adopting Title Typography Tokens In Code
  • Урок 255. 00:01:12
    Responsive Typography In Figma
  • Урок 256. 00:00:37
    Responsive Typography In Code
  • Урок 257. 00:01:42
    Adopting Body Typography Tokens In Figma
  • Урок 258. 00:01:40
    Adopting Body Typography Tokens In Code
  • Урок 259. 00:02:05
    Adopting Label Typography Tokens In Figma
  • Урок 260. 00:02:34
    Adopting Label Typography Tokens In Code
  • Урок 261. 00:00:53
    Adopting Tier 3 Typography Tokens In Figma
  • Урок 262. 00:00:37
    Adopting Tier 3 Typography Tokens In Code
  • Урок 263. 00:01:39
    Adopting Border, Shadow, and Animation Tokens In Code
  • Урок 264. 00:02:16
    Using Token-Powered Components
  • Урок 265. 00:02:23
    Tokens at the Technology-Specific Implementation Layer
  • Урок 266. 00:03:57
    Tokens, CSS, and CSS Frameworks
  • Урок 267. 00:01:30
    Adopting Design Tokens in Native Mobile Apps
  • Урок 268. 00:02:52
    Adopting Design Tokens in iOS Apps
  • Урок 269. 00:02:33
    Adopting Design Tokens in Android App
  • Урок 270. 00:03:12
    Adopting Design Tokens in React Native
  • Урок 271. 00:02:05
    Tokens and Other Technology Environments
  • Урок 272. 00:02:48
    Technology-specific Considerations & Best Practices
  • Урок 273. 00:05:43
    The Power of Recipes
  • Урок 274. 00:01:12
    Recipes In Figma - Architecture
  • Урок 275. 00:00:51
    Recipes In Figma - Publishing A Card Component
  • Урок 276. 00:03:48
    Recipes In Figma - Creating Recipes
  • Урок 277. 00:02:39
    Recipes In Code
  • Урок 278. 00:02:15
    Recipes Best Practices & Considerations
  • Урок 279. 00:06:19
    Smart Components and Design Tokens
  • Урок 280. 00:03:13
    Design Tokens at the Product Layer
  • Урок 281. 00:02:58
    Chapter 6 Summary
  • Урок 282. 00:01:39
    Chapter 7 Introduction
  • Урок 283. 00:01:20
    Chapter 7 Overview
  • Урок 284. 00:01:33
    4 Phases of a Design Token System Product Lifecycle
  • Урок 285. 00:00:33
    Phase 1 - Goals
  • Урок 286. 00:03:27
    Phase 1 - Team
  • Урок 287. 00:00:54
    Phase 1 - Establishing the Virtuous Cycle
  • Урок 288. 00:02:21
    Atomic Design Connects Systems To Products
  • Урок 289. 00:01:07
    Atomic Design + Design Tokens = love
  • Урок 290. 00:01:46
    Pilot Projects For The (Quick) Win!
  • Урок 291. 00:03:04
    Pilot Project Criteria
  • Урок 292. 00:03:28
    Pilot Project Examples & The Importance of MVP
  • Урок 293. 00:03:15
    Finding Pilot Projects
  • Урок 294. 00:02:44
    Pilot Project Starting Point
  • Урок 295. 00:07:31
    Pilot Project - Maker and User Collaboration
  • Урок 296. 00:06:58
    Phase 1 - Vanilla, Considerations, and Best Practices
  • Урок 297. 00:04:15
    Phase 2 - Semantic Versioning
  • Урок 298. 00:04:41
    Phase 2 - Semantic Version Example and Branching Intro
  • Урок 299. 00:03:33
    Phase 2 - Branching in Code
  • Урок 300. 00:02:05
    Phase 2 - Branching in Figma
  • Урок 301. 00:03:02
    Phase 2 - Branching Example and Changelog
  • Урок 302. 00:03:47
    Phase 2 - Additional Pilots
  • Урок 303. 00:04:49
    Phase 2 - Version 1.0 and Pilot Project Considerations
  • Урок 304. 00:01:51
    Phase 2 - Considerations and Best Practices
  • Урок 305. 00:03:41
    Phase 3 - Picking a Third Pilot Project
  • Урок 306. 00:05:08
    Phase 3 - Shifting Maker and User Roles
  • Урок 307. 00:02:57
    Phase 3 - Governance Workflow Intro
  • Урок 308. 00:16:02
    Phase 3 - Governance Workflow Details
  • Урок 309. 00:01:33
    Phase 3 - Governance Workflow Summary
  • Урок 310. 00:02:09
    Phase 3 - Considerations and Best Practices
  • Урок 311. 00:04:37
    Phase 4 - Self-Service
  • Урок 312. 00:03:04
    Chapter 7 Summary
  • Урок 313. 00:04:12
    Chapter 8 Introduction
  • Урок 314. 00:04:29
    Dark Mode Introduction
  • Урок 315. 00:04:53
    Dark Mode In Practice
  • Урок 316. 00:01:08
    Dark Mode: User-selected
  • Урок 317. 00:01:29
    Dark Mode: System Settings
  • Урок 318. 00:02:06
    Dark Mode Summary
  • Урок 319. 00:03:51
    Subbrands
  • Урок 320. 00:01:13
    Subbrands Summary
  • Урок 321. 00:02:27
    White Labeling and CMS Implementation Introduction
  • Урок 322. 00:06:00
    White Labeling and CMS Implementation Details
  • Урок 323. 00:02:15
    White Labeling and CMS Implementation Summary
  • Урок 324. 00:04:31
    Multiple Product Families
  • Урок 325. 00:01:46
    Multiple Product Families Summary
  • Урок 326. 00:02:53
    Internationalization/Localization
  • Урок 327. 00:01:41
    Internationalization/Localization Summary
  • Урок 328. 00:05:10
    Redesigns, Refreshes, and Rebrands Introduction
  • Урок 329. 00:02:33
    Adopting Redesign/Refresh/Rebrand
  • Урок 330. 00:04:20
    Adopting Redesign/Refresh/Rebrand Scenarios
  • Урок 331. 00:01:37
    Redesign/Refresh/Rebrand Summary
  • Урок 332. 00:03:24
    Campaigns
  • Урок 333. 00:00:52
    Campaigns Summary
  • Урок 334. 00:05:48
    AI and Design Tokens Intro
  • Урок 335. 00:04:01
    AI and Design Token Nomenclature
  • Урок 336. 00:02:20
    AI and Design Token Naming Help
  • Урок 337. 00:01:19
    Figma AI
  • Урок 338. 00:01:12
    AI and Design Tools
  • Урок 339. 00:01:38
    AI and Developer IDEs
  • Урок 340. 00:03:40
    AI and Design-Code Sync Tools
  • Урок 341. 00:03:45
    AI-Infused Design Token Environment Setup
  • Урок 342. 00:02:57
    Using AI to Create an MVP Token System from Brand Guidelines
  • Урок 343. 00:02:07
    Using AI to Create an MVP Token System From an Image
  • Урок 344. 00:08:43
    Using AI to Create an MVP Token System from Existing Product
  • Урок 345. 00:03:27
    Build Out A Theme's Color Tokens with AI
  • Урок 346. 00:01:23
    Testing a Token System with AI
  • Урок 347. 00:02:31
    Creating a New Token-Powered Component with AI
  • Урок 348. 00:02:33
    Using AI to Adopt Tokens in Existing Application
  • Урок 349. 00:01:06
    Translate to Additional Formats With AI
  • Урок 350. 00:01:42
    Using AI to Help Create Dark Mode Theme
  • Урок 351. 00:02:13
    AI and Design Systems Is A Potent Combination
  • Урок 352. 00:03:34
    Principles for AI and Design Systems
  • Урок 353. 00:05:01
    Our Role In This New, Weird AI-Infused World
  • Урок 354. 00:02:57
    Chapter 8 Summary
  • Урок 355. 00:10:28
    Course Recap
  • Урок 356. 00:01:28
    Closing Thoughts
  • Урок 357. 00:01:32
    Certificate, LinkedIn, & Survey
  • Урок 358. 00:02:29
    Acknowledgements & Thank Yous
  • Урок 359. 00:01:24
    Follow Us, Thanks, and See Ya Soon!